当宽度为100％时，流体图像重叠div;

我想弄清楚为什么我的div被其他div重叠。当宽度为100％时，流体图像重叠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>

和我的风格，我使用上海社会科学院，这就是为什么这个代码结构。

.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/

任何人有这个问题的解决方案？谢谢。

来源

2013-02-24 marceloduende

只要进入这个链接http://sfiddle.net/fcx4g/（这是你在行动工作）

这是不重叠。解释更多问题是什么？

来源

2013-02-24 07:35:07 John

我的坏，而不是小提琴，我会告诉你的项目。说明问题更容易，请注意图像下方有一个字符串“aaaa” http://marceloduende.com/tango/ – marceloduende 2013-02-24 07:38:32

问题已解决。

要解决这个问题，我必须使用jquery动态地添加我的高度。

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

谢谢大家。

来源

2013-02-24 07:59:59 marceloduende

当宽度为100％时，流体图像重叠div;

回答

相关问题