您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

火狐浏览器中DIV的高度不随里面的内容增高而增高

作者:佚名    责任编辑:admin    更新时间:2022-06-22

   在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:"."中引号里的内容可以是“.”,也可以是其他任务字符或字符串。