我对 Firefox 的最小高度有疑问,我试图将其设置为 100%,但它不起作用。在 Chrome 中它可以完美运行。
我的代码是:
<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="../css/main.css"/>
</head>
<body>
<div class="main">
<div class="header">Here is the header</div>
<div class="content ">Here is the content</div>
<div class="footer">Here is the footer</div>
</div>
</body>
</html>
而css文件是
.header {
height:160px;
}
.content{
min-height: 100%;
height: auto !important;
height: 100%;
}
.footer{
margin: -215px auto 0 0;
height: 55px;
}
我要做的就是将页脚保持在页面底部,在 Chrome 中它可以工作,但在 Firefox 中它不需要内容的高度。我一直在寻找解决方案,很多人都说要
#page{min-height:100%;}
html, body{min-height:100%;}
但它是一样的,它仍然适用于chrome,但不适用于firefox。
有人可以帮助我吗?
谢谢