这可能是一个容易的问题.我有一个#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; }