Html 分区重叠及；错误高度

我有三个div。2在父分区内。类似于

<div id="parent">    
    <div id=1>......</div>    
    <div id=2 style="position:relative;left:0px;top:-300px;">....</div>
</div>

......    
....

正如您所看到的，存在重叠。令人恼火的是，父div的底部有一个巨大的空白。原因显然是父div没有减去重叠

---

你能告诉我该怎么做吗？

将

位置：相对

更改为

位置：绝对

，以从页面流中删除该元素。

为清晰起见，对Andrew的回答进行一点扩展。如果使用

position:relative

则保留元素在页面上占据的空间（您看到的空白），然后移动元素

使用

position:absolute

，元素将占用的空间不会被使用（“从页面流中删除”）。但是，使用

position:absolute

，元素也不会再绑定到父div中，除非使用

position:relative声明父div；排名：0；左：0CSS声明

所以你会想要这样的东西：

<div id="parent" style="position:relative;top:0;left:0;">    
    <div id=1>......</div>    
    <div id=2 style="position:absolute;left:0px;top:-300px;">....</div>
</div>


......    
....

我希望这有助于澄清一点。仍然不确定这是否会给您提供您想要的确切外观，但从CSS规则的角度来看，这是正确的