解決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>

修改代碼：

（標(biāo)準(zhǔn)瀏覽器中固定高度值的容器是不會象IE6里那樣被撐開的，那我又想固定高度，又想能被撐開需要怎樣設(shè)置呢？辦法就是去掉height設(shè)置min-height:200px; 這里為了照顧不認(rèn)識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
                   }