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では機能しません。
誰か助けてくれませんか?
ありがとう