如何将div放在另一个div下面？

Question

这可能是一个简单的问题.我有一个#sliderdiv有一个图像,之后我有#contentdiv有文本.我已经尝试了相对位置,所以我认为它应该在之前的div之后我的意思,position:relative但在这里它不会那样.

这里有什么问题.如何克服它？

HTML

<div id="slider">
    <img src="http://oi43.tinypic.com/25k319l.jpg"/>
</div>
<div id="content">
    <div id="text">
        sample text
    </div>
</div>

CSS

#slider {
    position:absolute;
    left:0;
    height:400px;
}
#slider img {
    width:100%;
}

#content {
    position:relative;
}

#content #text {
    position:relative;
    width:950px;
    height:215px;
    color:red;
}

的jsfiddle

Answer 1

由于设置#slider为absolute,内容div相对于滑块div放置.如果将两者都设置为relative,则div将一个接一个,如下所示:

#slider {
    position:relative;
    left:0;
    height:400px;

    border-style:solid;
    border-width:5px;
}
#slider img {
    width:100%;
}

#content {
    position:relative;
}

#content #text {
    position:relative;
    width:950px;
    height:215px;
    color:red;
}

http://jsfiddle.net/CaZY7/18/