當寬度爲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;

回答

相關問題