将div放在另一个div顶部之后的不需要的空间

Question

我在调整网站布局时遇到问题。

我有2个div标签，其中一个有欢迎信息和图片。另一个div是空的，直到用户在表单中输入信息为止，此时我使用jquery隐藏欢迎消息并显示与用户数据相关的内容。

问题是浏览器认为它需要两个div的垂直空间，即使它们堆叠在一起，这会导致页面底部的空白空间 lot 还有一个很长的不需要的滚动条。

我正在使用位置：相对于两个div，因为它使页面在小屏幕和大屏幕上看起来很好。

我正在使用left：和top：值将欢迎div移到空内容div的顶部。

提前感谢您的帮助！如果您需要更多信息，请告诉我。这是我的HTML sample_G的示例，它位于可浏览的前面。

<div id="browsable" class="scrollable">
    <div id="graphs" class="items">
    </div>
</div>

<div id="sample_G">
    <p class="Welcome">Welcome to the graphing tool!</p>
    <img src="pics/Sample_graph.jpg" /> 
</div>

Answer 1

刚刚想出一个好的答案......如果其他人遇到类似的问题，我会把它留在这里。

将hideowable的显示设置为“none”，直到隐藏sample_G，然后使用jquery'show'可浏览。

如果有人发现此问题或有更好的答案，请随时发布。

谢谢！