我該如何讓兩個連續的「div」標籤不會互相「流血」？

我有兩個div：我該如何讓兩個連續的「div」標籤不會互相「流血」？

<div style="height:30px; font-weight:bold" align="center"> 
    <div class = 'membership_description'> 
    stuff here, nested <div> etc. 
    </div> 

<div style="height:30px; font-weight:bold" align="center">Using Coupon &amp;quot;special-current&amp;quot; - Special access just for current members</div>

出於某種原因，第二個div最終出現在所有的東西，第一個div下的中間。

我試過'顯示：塊'爲第一個div但沒有愛，想法？

我想我看到問題的一部分 - 有這種內聯樣式 - 當我從谷歌瀏覽器中刪除「高度」時，它變得很正常。但我沒有訪問，只有CSS ...我可以重寫？

來源

2011-09-10 Angela

如何類membership_description界定？你確定你沒有忘記關閉所有嵌套的div嗎？ –

我不知道我做了什麼，其中一部分是從一些外部系統生成的，所以我試圖找出如何解決這個問題。 – Angela

您給出的示例代碼是1或3個div，而不是2，除非您沒有正確關閉第一個代碼段......您是指「有這種內聯風格」是什麼意思？在其中一個嵌套的div？我們需要看到更多的HTML/CSS，或者你應該嘗試更多地減少這個問題（例如，嘗試創建一個[fiddle]（http://jsfiddle.net/））來重現問題，如果你想讓我們知道什麼是錯誤。 – mercator

添加<div style="clear: both"></div>嵌套的div

來源

2011-09-10 18:08:19 checkenginelight

-1

在stuff here, nested <div> etc.的<div>被解釋爲HTML標記

來源

2011-09-10 17:47:18

我認爲這只是僞東西來說明裏面有什麼 –

以及如果多數民衆贊成在這種情況下，它可能是很好的，實際上發佈有關問題 –

這種情況最可能的原因是你沒有正確清除浮動你內部嵌套的div。嘗試將overflow: auto添加到.membership_description。

來源

2011-09-10 17:58:44 Wex

問題的HTML和CSS，謝謝我只是添加它...沒有愛:( – Angela

我認爲我看到部分問題 - 這是內聯樣式 - 當我從谷歌瀏覽器中刪除「高度」時，它變得很正常，但我無法訪問它，只有CSS ...我可以覆蓋嗎？ – Angela

嘗試使用float:left;或float:right;兩者的div下，這樣它們不應該相互重疊。當然，您也可以嘗試<div style="clear: both"></div>。

來源

2011-09-10 18:29:11 ahoura

我想我看到問題的一部分 - 這是內聯樣式 - 當我從谷歌瀏覽器中刪除「高度」時，它變得很正常。但我沒有訪問，只有CSS ...我可以重寫？

您可以覆蓋內嵌樣式與!important屬性

#element 
{ 
    height: auto !important; 
}

來源

2011-09-11 02:40:11

我該如何讓兩個連續的「div」標籤不會互相「流血」？

回答

相關問題