我在代码中彼此相邻有两个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不合适。感谢大家的建议。
答案 0 :(得分:2)
如何将样式编辑为
style="display:block; clear:both; overflow:hidden;"
两个div?
答案 1 :(得分:0)
尝试
position:relative; float:left;