2253浏覽量

清除浮動(clearfix hack)

來源: 時間:2013-11-01

在使用浮動的時候經常會遇到一(yī)個古怪的事情:

img { float: right; } 
An Image

不......這個圖片比包含它的元素還高, 而且它是浮動的,于是它就溢出到了容器外(wài)面!

見證奇迹的時刻到了!有一(yī)種比較醜陋的方法可以解決這個問題,它叫做清除浮動(clearfix hack).

讓我(wǒ)們加入一(yī)些新的CSS樣式:

現在再看看發生(shēng)了什麽:

An Image

好多了!

這個可以在現代浏覽器上工(gōng)作。如果你想要支持IE6,你就需要再加入如下(xià)樣式:

有些獨特的浏覽器需要“額外(wài)的關照”。清除浮動這譚水很深很深,但是這個簡單的解決方案已經可以在今天所有的主要浏覽器上工(gōng)作。

下(xià)一(yī)篇 inline-block

上一(yī)篇: 暫無

聯系我(wǒ)們

一(yī)次需求提交或許正是成就一(yī)個出色産品的開(kāi)始。
歡迎填寫表格或發送合作郵件至: qczsky@126.com

大(dà)理青橙科技

電(diàn)話(huà):13988578755 13988578755

郵箱:qczsky@126.com

地址:大(dà)理市下(xià)關龍都春天10層