使非子div显示为子div

Question

我想在我的网页上放置2个div，例如 看起来 ，第二个div位于第一个div内。此外，第一个div应该对 1st 秒的增长大小做出反应。

但是在代码中他们不应该有父子关系（即第二个div不在第一个div标签内）。

我不希望第二个div放在1st中，因为我通过ajax更新第一个div而第二个div应该保持不变。

如果存在任何..

，则更喜欢纯CSS解决方案

Answer 1

在第二个div上使用position:absolute;。

Answer 2

试试这个

 HTML :

<div id="container">
    <div id="div1">Div 1</div>
    <div id="div2">Div 2</div>
</div>

CSS：

#div1 {
    min-height:200px;
    border:3px solid black;
}
#div2 {
    min-height:100px;
    border:3px solid black;
    position: relative;
    top: -150px;
    left: 1%;
    width:97%;
}

示例：http://jsfiddle.net/kkJZR/