Html div没有换行

我在代码中有两个相邻的

div

元素，它们都以内联方式设置为

style=“display:block；”“

，并且没有应用其他样式（通过DOM检查器确认）

它们之间应该有一条折线，但出于某种原因，我让它们并排渲染。即使在它们之间放置

br

标记，也只会导致第二个div向下移动一行

代码：

[...]


[...]

DOM检查器再次显示，它们都具有display:block集，并且没有被覆盖，也没有应用任何其他样式。设置了

block

后，我根本不需要

br

，但即使使用它，仍然存在问题。也尝试过像其他地方建议的那样将它们包装在

p

标签中，jank也不起作用

关于这里发生的事情有什么线索吗

---

编辑：在被提醒xionutz2k答案中的

overflow

属性后，我去寻找它。第一个div中的一个子元素将overflow设置为auto，这使我的第二个container div失去了位置。谢谢大家的建议。

编辑样式如何

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

对于两个div？

尝试

    position:relative; float:left;

---

再次检查检查器，正在应用一些其他样式。您可以在JSFIDLE.net上复制此样式吗？默认情况下，div已经是块元素。您的代码很好。问题一定是其他。保存div的容器的样式是什么？这就解决了。我从来没有想到过溢出。这被称为“clearfix”攻击，它包含在所有主要的CSS框架中：）如果你只有两个div，那么内联样式应该根本不需要。主要的问题在别处，你的div里面是什么？还有他们的风格。你可能在div里面有浮动元素或者类似的东西：你是对的。第一个div有一个子元素，其overflow设置为auto，这会使内容失去对齐。在清除这些并删除内联样式之后，事情开始如预期的那样出现。

    position:relative; float:left;