0

我创建了一个 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 结束的地方之后。我可以给属性“位置:绝对;顶部:250px;” 到第二个 div 但是,每个 div 的内容将由用户决定,没有一定的高度。我在哪里失踪?

谢谢

__ 不是 CSS 大师 __

4

2 回答 2

1

我希望这是你想要的东西

http://jsfiddle.net/mj6Tu/

于 2012-09-06T08:06:10.757 回答
0

几个位置属性值是:

静态:这是默认值,这意味着元素将正常流动,即从左到右,从上到下。元素将自己定位而不重叠

绝对:这意味着元素将根据其父元素位置具有特定的位置(左、上等) 。它们可能与其他元素重叠,这可以使用 z-index 属性来解决。

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

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

于 2012-09-06T08:39:53.117 回答