清除浮動(dòng)的層高度設置了0,為什么還有高度?
來(lái)源:昆明網(wǎng)絡(luò )公司 日期:2010-09-14 閱讀: 發(fā)表評論
經(jīng)常使用浮動(dòng)布局會(huì )不可避免的要使用到清除浮動(dòng)的clear:both屬性,但是如果想清除浮動(dòng)的層只具備清除浮動(dòng)而無(wú)其他屬性(比如高度為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是為了放置清除層繼承了父屬性導致大于零的情況出現,而height設置成0也是一個(gè)保守設置,font-size:0的設置是為了清除body設置的字體類(lèi)型和大小,如果不設置的話(huà),就算清除層中沒(méi)有文字也會(huì )將層撐開(kāi),后面的line-height:0;overflow: hidden都是保守設置,防止意外的屬性繼承發(fā)生。
發(fā)表評論評論列表(有 條評論)