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