0

これはこの質問に多少関連していますが、divが垂直に配置されているときにこれを達成しようとしています。

多かれ少なかれ、これは私が達成しようとしていることです:

Main Div: 画面の残りの部分を占める

フッター部: 必要なだけスペースを取ります

float:bottom の css が利用できないので、いくつかの代替案を聞きたいです。

現時点で私が持っているものは次のとおりです。

<div id="main_div" style="height:100%;overflow:scroll">
...Contents
</div>

<div id="footer_div" style="height:50px">
...Contents
</div>

フッターは main_div の下に表示され、ユーザーはそれを見るために下にスクロールする必要があります。 main_div は、スクロールバーが表示されないように画面の高さを調整するのではなく、

4

2 に答える 2

1

このフィドルを確認できます http://jsfiddle.net/sarfarazdesigner/3fLca/

正しいか間違っているか教えてください。私があなたの質問で理解したことをしたからです。

#main_div{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:50px;
    overflow:auto;
    background:#eee;
}
#footer_div{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:#ddd;
    height:50px;
}
于 2013-02-20T05:56:55.977 に答える
0

ページの下部にある固定位置にフッターを設定できます。重なっているコンテンツはその後ろにスクロールします。

<html>
    <head>
    </head>
    <body>
        <div class="wrapper" style="width: 100%; border:1px solid blue;"> 
            <p>Your website content here.</p>
            <p>Your website content here.</p>
            <p>Your website content here.</p>
            <div class="push"></div>
        </div>
        <div class="footer" style="width: 100%; position:fixed; left:0; bottom: 0; border:1px solid red;">
            <p>FOOTER CONTENT HERE</p>
        </div>
    </body>
</html>
于 2013-02-20T05:12:18.360 に答える