3 
<body style="margin: 0pt auto;">
<div id="header" style="background-color:#000033; width:auto; height:70px"></div>
<div id="body" style="background-color: rgb(153, 153, 153); width: 100%; position: absolute; margin-right: 300px; margin-left: -300px; height: 76%;"></div>
<div id="nav" style="position: absolute; left: 1066px; width: 300px; top: 70px; height: 76%; background-color: rgb(221, 34, 221);"></div>
<div id="footer" style="background-color:#000033; width:100%; height:70px; position:absolute; bottom:0"></div>
</body>

*全画面表示*

http://i.stack.imgur.com/VukrD.jpg

全画面モードのときに空白を削除するにはどうすればよいですか? 次のように通常のビューのように:

http://i.stack.imgur.com/DhtwT.jpg

4

1 に答える 1

1

白いギャップがあるのは、それを保証できないからです70px + 76% + 70px == 100%。実際には、そうではない可能性が高く、76%収まるまでさまざまな数値を試したため、その値が得られました。

絶対位置要素なのでbottom: 70px;、高さの代わりに使ってみてください。

于 2012-06-03T05:47:53.237 に答える