內聯元素內的塊級元素

Question

W3C驗證器告訴我，我不能在內聯元素中放置塊級元素。有意義...

但如果我使用CSS將塊級元素更改爲內聯元素會怎樣？

如果我使用CSS將內聯元素轉換爲塊級元素（當內嵌另一個內聯元素時）該怎麼辦？

Validator對此沒有明顯的認識，但它錯了嗎？

（我實際上沒有這樣做，我只是想知道的最佳實踐）

Answer 1

定義爲HTML規範一個塊級元素元素是不一樣的CSS定義爲display: block;一個元素。

這個我的意思是：即使你說<p style="display: inline;">Lorem...</p>。在HTML中，<p>仍然是一個塊元素。

如果使用正確的HTML，CSS和JavaScript，據說它們具有相互對應的loose coupling，並且一個不應該依賴於另一個，並且缺少一個不應該使其他人（或整個系統）失敗。

Answer 2

內聯元素的元素不應包含塊元素。塊元素可以包含塊和/或行內元素，而行內元素只能包含其他行內元素（包括inline-block，例如<img>）元素。

無論如何，你當然可以這樣做，因爲圖形表示在各瀏覽器之間是非常一致的。這仍然不是我想要推薦的東西，也不能真正想到做這件事的理由。