如何使两个连续的“div”标签互不“流血”?

时间:2011-09-10 17:41:32

标签: css html

我有两个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 ...我可以覆盖吗?

5 个答案:

答案 0 :(得分:0)

最可能的原因是您没有正确清除内部嵌套div的浮动。尝试将overflow: auto添加到.membership_description

答案 1 :(得分:0)

在嵌套的div

下添加<div style="clear: both"></div>

答案 2 :(得分:0)

尝试对两个div使用float:left;float:right;,这样他们就不应该相互重叠。当然,您也可以尝试<div style="clear: both"></div>

答案 3 :(得分:0)

  

我认为我发现问题的一部分 - 有这种内联风格 - 当我从谷歌浏览器中移除“高度”时,它变得正常。但我无法访问,只有css ...我可以覆盖吗?

您可以使用!important属性

覆盖内联样式
#element
{
    height: auto !important;
}

答案 4 :(得分:-1)

<div>中的stuff here, nested <div> etc.被解释为html标记