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

在線qq:540105663

清除浮動(dòng)的層高度設(shè)置了0,為什么還有高度?

來源:昆明網(wǎng)絡(luò)公司 日期:2010-09-14 閱讀: 發(fā)表評(píng)論

經(jīng)常使用浮動(dòng)布局會(huì)不可避免的要使用到清除浮動(dòng)的clear:both屬性,但是如果想清除浮動(dòng)的層只具備清除浮動(dòng)而無其他屬性(比如高度為0)的就需要設(shè)置一些屬性了

使用方法如:<div class="claer"></div>

css中的定義:.clear{ clear: both; margin: 0; padding: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden}

注意margin和padding設(shè)置成0是為了放置清除層繼承了父屬性導(dǎo)致大于零的情況出現(xiàn),而height設(shè)置成0也是一個(gè)保守設(shè)置,font-size:0的設(shè)置是為了清除body設(shè)置的字體類型和大小,如果不設(shè)置的話,就算清除層中沒有文字也會(huì)將層撐開,后面的line-height:0;overflow: hidden都是保守設(shè)置,防止意外的屬性繼承發(fā)生。

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