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

在線qq:540105663

清除浮動的層高度設置了0,為什么還有高度?

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

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

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

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

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

發(fā)表評論評論列表(有 條評論)