火狐浏览器中DIV的高度不随里面的内容增高而增高
火狐浏览器中DIV的高度不随里面的内容增高而增高
发布时间:2015-05-12 来源:查字典编辑
摘要:在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教程学习
热门 Div+Css教程学习
网页设计子分类