云南網(wǎng)站建設(shè)創(chuàng)新企業(yè) 昆明多彩網(wǎng)絡(luò)公司

在線qq:540105663

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

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

div+css布局的float流目前成了大多數(shù)網(wǎng)站建設(shè)者的選擇,自由的標(biāo)簽組合,類似表格的布局習(xí)慣,但是如果不清楚其中的個(gè)別技術(shù)細(xì)節(jié),將會(huì)無法正常使用float屬性

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

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

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

發(fā)表評(píng)論評(píng)論列表(有 條評(píng)論)