1

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では機能しません。

誰か助けてくれませんか?

ありがとう

4

1 に答える 1

1

フッターを下部に保持しようとしているだけの場合は、使用できます

 .footer{
 position:fixed; /*or absolute, or whatever*/
 bottom:0px;
 height: 55px;
 }  
于 2012-06-06T04:09:36.733 に答える