需要關於CSS樣式的清晰度

Question

我需要一些關於CSS樣式的清晰度。我們來創建一個簡單的例子。我在頁面頂部有一個header div容器。然後我用另外兩個div標籤填充這個容器，一個logo div和一個menu div。

當我使用Firebug或在另一個瀏覽器中按F12來檢查div標籤，尤其是父div header時，我可以將鼠標懸停在代碼上方，div元素將以顏色突出顯示。

但是，當我的logo DIV + CSS財產menu DIV + CSS屬性設置爲float: left和float: right，父DIV header，不要強調任何更多！儘管如此，我將下面的div元素CSS屬性設置爲clear: both。這是好的，還是我在我的CSS做錯了？如果我爲父div設置了一個hight，它會再次突出顯示。

當我無法突出顯示元素時，CSS中是否有錯誤？當我使用CSS時，我經常會遇到這種「錯誤」。

Answer 1

將overflow:hidden或overflow:auto添加到父div的樣式/類，這將拉伸div，使得div div實際上坐落在其中。