如何使兩個連續的“ div”標簽彼此不“滲血”？

Question

我有兩個股利：

<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：display：block”作為第一格，但沒有愛意，想法？

我認為我看到了問題的一部分 -這種內聯樣式-當我從Google Chrome瀏覽器中刪除“高度”時，它變得很正常。 但是我無權訪問，只有CSS ...我可以覆蓋嗎？

Answer 1

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

Answer 2

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

Answer 3

嘗試使用float:left; 或float:right; 對於兩個div，這樣它們就不會彼此重疊。 您當然也可以嘗試<div style="clear: both"></div> 。

Answer 4

我認為我看到了問題的一部分-這種內聯樣式-當我從Google Chrome瀏覽器中刪除“高度”時，它變得很正常。 但是我無權訪問，只有CSS ...我可以覆蓋嗎？

您可以使用!important屬性覆蓋內聯樣式

#element
{
    height: auto !important;
}

Answer 5

stuff here, nested <div> etc.的<div> stuff here, nested <div> etc.被解釋為html標簽