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 回答