我有两个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 &quot;special-current&quot; - Special access just for current members</div>
由于某种原因,第二个div最终出现在第一个div下的所有东西的中间。
我尝试'显示:阻止'为第一个div,但没有爱,想法?
我认为我发现问题的一部分 - 有这种内联样式 - 当我从谷歌浏览器中删除“高度”时,它变得正常。但我无法访问,只有css ...我可以覆盖吗?
答案 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标记