降低html文档的高度

时间:2011-04-14 23:25:06

标签: html css3 css-position

我遇到这种情况:

我做了2个div,两个都应该在同一个地方。通过JavaScript,我可以激活一个,如果我想要隐藏另一个。这就是我做到的:

<div style="height:100px"></div>
<div style="position:relative; top:-100px;height:100px"></div>

这非常有效。但是我注意到你想要第二个div(没有顶部:-100px)的地方被空格使用。

再次摆脱那个空间最优雅的方法是什么?我不希望我的网络用户认为他们可以向下滚动更多,但只留下空白区域。

感谢您的提示!我希望我的描述足够清楚,描述起来并不容易。 ;)

1 个答案:

答案 0 :(得分:1)

他们不在同一个地方,相对的div总是离开他们从空白占据的地方。你需要使用'position:absolute'或者负边距。如果需要,您仍然可以将它们包装在相同的相对div中。