清除float,为父元素获得高度!
[ 2007-08-30 23:36:18 | 作者: admin ]
在xhtml排版中有个问题每个新人都要遇到,那就是一个div的float会影响到其父级元素hieght为值为0,对于ie和非ie,有以下两种解决方法:
IE中:
用height:1%
例:非IE中:
用:after
例:
IE中:
用height:1%
例:
引用
< div style ="height:1%" >
< div style ="float:left" >
</ div >
</ div >
< div style ="float:left" >
</ div >
</ div >
用:after
例:
引用
.pelement:after{ /*在pelement这个元素的后边*/
content:"." /*写入一个点*/
display:block; /*块级布局方式*/
clear:both; /*清除左右浮动*/
height:0;visibility:hidden; /*不可见*/
}
content:"." /*写入一个点*/
display:block; /*块级布局方式*/
clear:both; /*清除左右浮动*/
height:0;visibility:hidden; /*不可见*/
}
评论Feed: http://blog.xg98.com/feed.asp?q=comment&id=979
这篇日志没有评论。
此日志不可发表评论。