lear與margin的相互作用
1. clear與margin的重疊
請看如下**：
1.
clear:both;
2.
在上面**中，第一段文字裡的距離是100px；
第二段文字裡的距離是200px
分析：浮動會使父元素高度塌陷，第乙個大的div裡設定clear:both屬性的元素（即使小div）的垂直方向上的margin會消失，與clear重疊了。 而第二個大div則margin正常顯示。
2. clear使margin-top的失效
請看如下**：
float:left
clear:both
在這段**中第二個div中的margin-top會失效。
在浮動元素後的第乙個元素如果設定了clear：left（both也行），那麼這個元素的margin-top將會失效
css中的clear屬性
所有主流瀏覽器都支援 clear 屬性。clear 屬性規定元素的哪一側不允許其他浮動元素。我們有時希望清除掉其他元素浮動對當前元素產生的影響，這時可以使用clear來完成功能 可選值 none，預設值，不清除浮動 left，清除左側浮動元素對當前元素的影響 right，清除右側浮動元素對當前元素的...
css中float和clear屬性
在做網頁的時候經常會用到這個屬性，使得我們的網頁更加靈活，不至於那麼死板，但是對於初學者而言，他們又不是那麼好理解的，那麼，今天我就來說說我對這兩個屬性的理解。用float屬性時會使元素脫離正常文件流，什麼意思呢，就是讓元素飄起來，自然，地面上發生的任何事都不會與之相關，所以說，如果該元素浮動之前下...
CSS 清除浮動Clear
還記得第二課我們做的例子的效果麼？最後效果是，紅色方塊和藍色方塊都處於一行，我們使用 float left 打擊了塊狀元素的 霸道 即塊狀元素不允許其他元素和它處於同一行。我們將紅色方塊的css 中加入了 float left 後，紅色方塊終於允許藍色方塊和它處於同一行。如圖 我們換一種方法表達上面...