解决FF下文本无法撑开容器的高度

昵称5323568 2010-12-30

展开全文

初始代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www./TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www./1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www./2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
div {
width:200px;
height:200px;
border:1px solid red
}
/*]]>*/
</style>
</head>
<body>
<div>解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度解决FF下文本无法撑开容器DIV的高度</div>
</body>
</html>

修改代码：

（标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的，那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6）

替换高度： height:200px;

       修改为：   height:auto!important;
                        height:200px;
                         min-height:200px;

如下：div {
                     width:200px;
                     height:auto!important;
                     height:200px;
                     min-height:200px;
                    border:1px solid red
                   }