摘要:加入的這個元素轉換為塊級元素。清除左右兩邊浮動??梢姸仍O為隱藏。注意它和是有區別的。仍然占據空間,只是看不到而已行高為高度為字體大小為這是針對于的,因為不支持偽類,這個神奇的讓的元素可以清除浮動來包裹內部元素。
??.clearfix:after {? content: "."; /*內容為“.”就是一個英文的句號而已。也可以不寫。*/? display: block; /*加入的這個元素轉換為塊級元素。*/? clear: both; /*清除左右兩邊浮動。*/? visibility: hidden; /*可見度設為隱藏。注意它和display:none;是有區別的。visibility:hidden;仍然占據空間,只是看不到而已;*/? line-height: 0; /*行高為0;*/? height: 0; /*高度為0;*/? font-size:0; /*字體大小為0;*/? }? .clearfix { *zoom:1;} /*這是針對于IE6的,因為IE6不支持:after偽類,這個神奇的zoom:1讓IE6的元素可以清除浮動來包裹內部元素。*/
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/116517.html
摘要:深入布局定位與浮動在知識體系中,除了選擇器,樣式屬性等基礎知識外,布局相關的知識才是比較核心和重要的點。定位后,原來在文檔流中占據的位置,會被其他元素所占據。清除浮動的特殊應用清除浮動可以解決父元素高度塌陷問題。? 深入css布局(2) — 定位與浮動 ? ???? 在css知識體系中,除了css選擇器,樣式屬性等基礎知識外,css布局相關的知識才是css比較核心和重要的點。今天我們來深...
摘要:如果要解決可以參考前面的辦法。例如父元素處于絕對定位與上一個方法同理,由于絕對定位已脫離正常文檔流,故出現相同情況,解決辦法依舊可以使用以上辦法結合,靈活多變。 額外標簽法 使用:after 偽元素 給父元素定高 利用overflow:hidden;屬性 父元素浮動 父元素處于絕對定位 在開發網頁的時候經常需要用到各種浮動,此時便需要及時的清除浮動,否則將會導致布局出現問題 引出問...
摘要:一浮動的概念浮動的框可以向左或向右移動,直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。由于浮動框不在文檔的普通流中,所以文檔的普通流中的塊框表現得就像浮動框不存在一樣。 一、浮動的概念 浮動的框可以向左或向右移動,直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。由于浮動框不在文檔的普通流中,所以文檔的普通流中的塊框表現得就像浮動框不存在一樣。 二、浮動的影響 1. 浮動會導致父元...
閱讀 3029·2023-04-26 00:32
閱讀 514·2019-08-30 15:52
閱讀 2120·2019-08-30 15:52
閱讀 3364·2019-08-30 15:44
閱讀 3294·2019-08-30 14:09
閱讀 1426·2019-08-29 15:15
閱讀 3406·2019-08-28 18:12
閱讀 1091·2019-08-26 13:55