Question

我试图找出为什么我的div被其他div重叠。

标记看起来像

 <div  class="headerCarrousel">
    <img src="data/img/1_hero_carrousel/1.jpg" >
    <img src="data/img/1_hero_carrousel/2.jpg" >
    <img src="data/img/1_hero_carrousel/3.jpg" >
 </div>


 <div class="theStory">
    <p>aaaa</p>
 </div>

和我的风格我正在使用sass，这就是为什么这个代码结构。

.headerCarrousel {
   min-width: 1024px;
}

.headerCarrousel img{
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;

}

.theStory{
    margin: 0 auto; 
    text-align: center; 
}

所以div“theStory”出于某种原因位于div headerCarrousel的下方，重叠。请注意，我必须将图像作为流体转盘，这就是我使用宽度的原因：100％;

链接说明：http://marceloduende.com/tango/

任何人都有解决这个问题的方法吗？感谢。

Answer 1

只需转到此链接http://sfiddle.net/fcx4g/（这就是您的工作）

它没有重叠。解释更多问题是什么？

Answer 2

问题解决了。

要修复我必须用jquery动态添加我的高度。

$('.headerCarrousel')
.css('height', $('.headerCarrousel img').height());

谢谢大家。

宽度：100％时流体图像重叠div;

2 个答案: