清除DIV浮動 使用 after

2021-08-30 00:16:42 字數 296 閱讀 3949

:after(偽物件)--設定在物件後發生的內容,通常和content配合使用,ie不支援此偽物件,非ie 瀏覽器支援,所以並不影響到ie/win瀏覽器。

.wrapfix:after

設display:block;應用到:after 元素,因為display的預設值是"inline", 不能收到clear的特性,同時將清除容器的高度設為零,height:0;,可見度為隱藏.這是沒有清除過浮動的.非ie 瀏覽器看不到wrap的背景和邊框.

原文:

利用偽元素 after清除浮動

讓頁面呈現多列布局時經常會使用 float left right 可是浮動布局會導致父元素的高度為0 未設定高度的情況下 不會根據子元素的高度而變化,另外,後面不需要浮動想在下一行顯示的標籤出現在浮動元素的後面。所以我們在使用浮動進行布局的時候會需要乙個塊級元素 行內元素無效 來設定 clear 屬...

浮動使用及清除浮動

浮動 讓元素脫離文件流,不受父盒子限制 浮動元素的寬高不會撐大父盒子 在父盒子無高度情況下 浮動元素不會遮蓋文字部分,文字會圍繞浮動元素 浮動目前功能 1.清除之間空白間隙 2.行級元素設寬高。使用場景多是寬高一致的元素整齊排列。清除浮動的方法 1.給浮動元素的父盒子加overflow hidden...

浮動 清除浮動

在css布局中分為內聯元素 display inline 和塊狀元素 display block 塊狀元素缺省會佔據一行,可設定高度寬度以及邊距,而內斂元素不會也不能設定。常見的內斂元素有 a span input select,常見的塊狀元素有 h1 h6,p,div,ul,table。浮動元素是...