在CSS中,浮動(float)是一個常用的布局技術。它可以讓元素脫離文檔流,向左或向右浮動。但是,浮動也會給我們帶來一些困擾,比如造成元素重疊、影響布局等問題。為了解決這些問題,我們需要清除浮動。
.clearfix:after{ content: ""; display: table; clear: both; }
在上述代碼中,我們使用了偽元素:after來清除浮動。通過這段代碼,我們可以看到clear: both;可以讓現有元素避開浮動元素的影響,從而順利地進行布局。
此外,我們還可以使用一些常見的清除浮動方法,例如:
.clearfix{ zoom:1; } .clearfix:after{ content:""; clear:both; display:block; height:0; visibility:hidden; }
這段代碼能夠讓我們更好地掌握清除浮動的方法。除了以上兩種方法,我們還可以使用其他清除浮動的技巧,根據不同情況選擇合適的方法即可。
上一篇ajax中url .do
下一篇css中的文本環繞