網(wǎng)站建設(shè)中怎么使用float兼容IE6和其他瀏覽器?_昆明網(wǎng)站制作公司,多彩科技

來源：昆明網(wǎng)站制作公司-多彩科技 日期：2010-09-02 閱讀： 發(fā)表評論

在使用float的過程當(dāng)中，在ie6下面可能會發(fā)現(xiàn)，之前的div層會無緣無故的斷開，里面的元素似乎都脫離了div外套的約束，而在ie7，ie8或者火狐的瀏覽都很正常，這其中就要屬性clear:both屬性的使用，當(dāng)使用float屬性的時候，實(shí)際上后面的元素都會跟隨之前具有float屬性的div流動，如果想重新浮動布局，則需要在結(jié)束的時候，加入<div style="clear:both"></div>來中斷前面的布局流。

在使用過程中，可能會遇到中斷層的高度會高出意想中的0像素，而定義height:0卻不管用，這實(shí)際上是默認(rèn)的font-size屬性在作祟，只需要該div 的font-size定義為0即可。

一個基本的clear層的樣式應(yīng)該是這樣：.clear{ clear: both; margin: 0; padding: 0; height: 0; font-size: 0; line-height: 0; visibility: hidden}