今天查看W3CSCHOOL官網，在測試一些屬性的時候把div放到了p元素中。然后出現了一個奇怪的現象。

HTML：

<p><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </div> </p>

瀏覽器解釋HTML：

<p></p><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </div> <p></p>

?摘要：段落p標簽的用法? ?

? ? ? ? ?可以只在塊（block）內指定段落，也可以把段落和其他段落、列表、表單和預定義格式的文本一起使用。總 ? ? ? ? ?的來講，這意味著段落可以在任何有合適的文本流的地方出現，例如文檔的主體中、列表的元素里，等等。

? ? ? ? ?從技術角度將，段落不可以出現在頭部、錨或者其他嚴格要求內容必須只能是文本的地方。實際上，多數瀏 ? ? ? ? ? ?覽器都忽略了這個限制，它們會把段落作為所含元素的內容一起格式化。

我們知道span中可以包含span

<span>123<span>456</span> </span>

然而對于a元素來說，也會出現怪異現象

我們知道a元素可以包含塊級元素

<a href=“#”><div>這是一個DIV </div> </a>

然而a不可以包含a?

HTML：

<a>123<a>456</a></a>

瀏覽器解釋HTML：

<a>123</a> <a>456</a>

對于p中包含div和a中包含a出現截斷問題，我們平時在編寫代碼是應該注意下，避免出現這類問題。

?

轉載于:https://www.cnblogs.com/zmr2520/p/5301885.html

總結

以上是生活随笔為你收集整理的p中div -- a中a的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。