DIV没有换行

时间:2013-07-15 19:24:52

标签: html css

我在代码中彼此相邻有两个div元素,它们都内嵌style="display:block;",并且没有应用其他样式(通过DOM检查器确认)。

它们之间应该存在换行符,但由于某种原因,我将它们并排渲染。即使在它们之间放置br标签也只会导致第二个div向下移动一行。

代码:

<div id="wkSched" style="display:block;">
    [...]
</div>
<br />
<div id="dSched" style="display:block;">
    [...]
</div>

同样,DOM检查器显示它们都具有display:block set,并且没有被覆盖,也没有应用任何其他样式。如果设置block,我根本不需要br,但即便如此,仍然存在问题。还尝试将它们包装在p标签中,如其他地方所建议的那样,并且jank也不起作用。

关于这里发生了什么的任何线索?

编辑:在xionutz2k的回答中提醒overflow属性后,我去寻找它。第一个div中的一个子元素溢出设置为auto,这使我的第二个容器div不合适。感谢大家的建议。

2 个答案:

答案 0 :(得分:2)

如何将样式编辑为

style="display:block; clear:both; overflow:hidden;"

两个div?

答案 1 :(得分:0)

尝试

    position:relative; float:left;