塊級元素不能夠巢狀在<p>標籤元素中

antzone發表於2017-03-28
巢狀

在網頁設計中，標籤的巢狀那是不可避免的。

當然巢狀也是需要一定的原則的，需要特別注意的一點就是，塊級元素不能夠潛逃在p中。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css"> 
p{
  width:200px;
  height:100px;
  background:green;
}
</style>
</head>
<body>
<p>
  <div>螞蟻部落</div>
</p>
</body>
</html>

從上面程式碼的表現來看，巢狀很明顯出現了問題。

相關文章