这可能是一个容易的问题.我有一个#slider div,有一个图像之后,我有#content div有文本.我已经尝试了位置相对,所以我认为它应该在之前的div我的意思是#slider,但在这里不是这样.
这里有什么问题怎么克服呢？
<div id="slider">
<img src="http://oi43.tinypic.com/25k319l.jpg" />
</div>
<div id="content">
<div id="text">
samplle 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;
}
解决方法
由于您将#slider设置为绝对值,所以内容div相对于slider div放置.
如果将两者都设置为relative,那么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;
}
