火狐浏览器中DIV的高度不随里面的内容增高而增高
摘要：在IE浏览器中#main这个DIV可以正常显示，但在火狐浏览器中不能正常显示#main这个DIV，即#main这个DIV的高度不会随里面的内...
在IE浏览器中#main这个DIV可以正常显示，但在火狐浏览器中不能正常显示#main这个DIV，即#main这个DIV的高度不会随里面的内容的高度增加而增加。可用如下的办法解决：
在样式表中#main这个样式规则的下面建立如下样式规则即可：
#main {
padding: 10px;
width: 800px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
background-color: #CCCCCC;
}
#main:after{
content:".";
visibility:hidden;
display:block;
clear:both;
height:0px;
font-size:0px;
}
注意：在#main这个样式规则中不要设置height属性值。
说明：content:"."中引号里的内容可以是“.”，也可以是其他任务字符或字符串。
【火狐浏览器中DIV的高度不随里面的内容增高而增高】相关文章：
★ CSS对浏览器的兼容性性处理(IE7,6与Fireofx)
上一篇：
png24格式图片在ie6中透明
下一篇：
样式表CSS简明教程