在xhtml排版中有個問題每個新人都要遇到,那就是一個div的float會影響到其父級元素hieght為值為0,對于ie和非ie,有以下兩種解決方法:
IE中:
用height:1%
例:
<
div?
style
="height:1%"
>
< div? style ="float:left" >
</ div >
</ div >
< div? style ="float:left" >
</ div >
</ div >
非IE中:
用:after
例:
.pelement:after{ /*在pelement這個元素的后邊*/
content:"." /*寫入一個點*/
display:block;??????/*塊級布局方式*/
clear:both; /*清除左右浮動*/
height:0;visibility:hidden; /*不可見*/
}
content:"." /*寫入一個點*/
display:block;??????/*塊級布局方式*/
clear:both; /*清除左右浮動*/
height:0;visibility:hidden; /*不可見*/
}