2

画面上で 3 つの < div > 要素が重なり合っています。

   <div id="header"></div>
  <div id="content" style="height:900px;width:1400px; "></div>
  <div id="footer"></div>

中央の DIV の指定された正確なサイズを維持する必要があり、上部と下部のスペース (「コンテンツ」の高さの残り) を均等に埋めるために「ヘッダー」と「フッター」が必要なので、3 つの DIV すべてが正確なウィンドウの高さを占有します。

また、ヘッダーとフッターに最小の高さを設定してもらいたいです (したがって、画面が小さすぎる場合、これらの DIV は高さを維持し、コンテンツを表示し続け、スクローラーが表示されます)。

JS で int を実行できる可能性がありますが、CSS は可能でなければなりません。前もって感謝します！

4

2 に答える 2

0

このコードを試して、必要なものかどうかを確認してください。

<html>
<head>
<style>
#header {
    min-height:50px;
    height:10%;
    background-color:grey;
}
#content {
    height:80%;
    background-color:#EEEEEE;
}
#footer {
    min-height:50px;
    height:10%;
    background-color:grey;
}
</style>
</head>
<body>

<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>

</body>
</html>
于 2013-05-11T22:06:26.200 に答える