除了已经给出的答案之外，还有一个主要区别:

Div可以包含其他Div元素 P不能包含另一个P元素

这意味着div可以被堆叠，而p不能!

最好看看W3.org设计的标准。这是地址:http://www.w3.org/

“DIV”标签可以包装“P”标签，而“P”标签不能包装“DIV”标签——到目前为止我知道这个区别。可能还有其他的不同。

除了已经给出的答案之外，还有一个主要区别:

Div可以包含其他Div元素 P不能包含另一个P元素

这意味着div可以被堆叠，而p不能!

p标记用于段落，通常用于文本。div标签用于划分，通常用于创建文本的部分。

之前的代码是

<p class='item'><span class='name'>*Scrambled eggs on crusty Italian ciabatta and bruschetta tomato</span><span class='price'>$12.50</span></p>

所以我要把它改成

<div class='item'><span class='name'>*Scrambled eggs on crusty Italian ciabatta and bruschetta tomato</span><span class='price'>$12.50</span></div>

这很容易解决。上面代码的CSS是

.item {
    position: relative;
    border: 1px solid green;
    height: 30px;
}

.item .name {
    position: absolute;
    top: 0px;
    left: 0px;
}

.item .price {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

所以div标签可以包含其他元素。P不应该被强迫这么做。

它们有语义上的区别——<div>元素被设计用来描述一个数据容器，而<p>元素被设计用来描述一段内容。

语义决定了一切。HTML是一种标记语言，这意味着它被设计成以一种对标记的消费者有意义的方式“标记”内容。大多数开发人员认为文档的语义是浏览器应用于这些元素的默认样式和呈现，但事实并非如此。

您选择用来标记内容的元素应该描述内容。不要根据文档的外观来标记它，而是根据它是什么来标记它。

如果你只是为了布局而需要一个泛型容器，那么使用<div>。如果你需要一个元素来描述一段内容，那么使用<p>。

注意:重要的是要理解<div>和<p>都是块级元素，这意味着大多数浏览器将以类似的方式对待它们。