Question

我创建了一个div元素的id并尝试提供这些属性：

.bu
{
background: #eee; padding: 10px; position:absolute; margin: 0 0 15px 0;width:750px; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; 
}

然后，在此之后，我创建了另一个具有相同id的div元素，但我添加的第二个div出现在第一个元素的中间。

以下是对代码段的更好解释：

<div style = "position:absolute; top:50px;">
<div class= "bu">
---something about height 200px
</div>
</div>

<div class="bu">
something
</div>

我的想法是第二个div应该出现在第一个div结束的地方之后。我可以给出属性“position：absolute; top：250px;”到第二个div但是，每个div的内容将由用户决定并且没有一定的高度。我在哪里错过了？

由于

__在css __

中不掌握

Answer 1

我希望这是你想要的东西

http://jsfiddle.net/mj6Tu/

Answer 2

几个位置属性值是：

static：这是默认值，它表示元素将正常流动，即从左到右，从上到下。元素将自己定位为而不重叠。

绝对：这意味着元素将根据它的父元素位置具有特定位置（左，顶等）。 它们可能与其他元素重叠，可以使用z-index属性解决。

所以你可能想要创建一个父元素并给它绝对位置...并创建2个没有任何位置值的内部div。

看到这个代码.... http://jsbin.com/welcome/20319/edit

css定位 - 在某个div的正下方

2 个答案: