Css 浮动Div返回到下一行

为什么我的液体潜水器喷出来了

谢谢你的帮助

---

对不起，我对CSS/HTML非常陌生。

可能您的计算是错误的

通过将边距设置为零取出边距，正确对齐div。这意味着你的百分比加起来没有达到100%

#div_left{
   float:left;
   width:48%;
   margin-left:0;  //this was 3.6%
   height:auto;
}

---

这里有一些额外的css，请忽略它。如果您在小提琴上消除它，这将节省我们的时间。@Joettertton-您应该只提供一个“测试用例”。也就是说，删除项目中使用的所有代码，只保留适用于问题的代码。是的，很抱歉，新的提琴只包含相关的代码。我希望两个div之间有一些间隔，我最初有4%的边距，加起来正好是100%（因为两个div的宽度都是48%），但这导致了正确的div返回。当我把它改为3.6时，右边的div适合页面，但当我继续缩小页面时，它返回。div所在的容器的宽度为100%。这两个部门合计占96%，利润率在4%之间。（这就是我希望它看起来的样子）1px边框是否弄乱了它？你只需要测量所有东西，并确保它们等于或小于100%，例如

边距+填充+div\u size=100%

@JoeTitterton，是的，边框也计入

div

大小。因此，元素的总宽度/高度将是

填充+边框+宽度/高度

。加上

边距

，总边距应为

100%

。安装Firefox的Firebug将帮助您了解更多关于元素大小和样式的信息。我还注意到JSFIDLE中的HTML不正确。你忘了关闭一些

p

标记，还有额外的关闭

div

标记。好的，显然我需要为边框添加一个div。边界{border:1px；}