Div正在离开父div

Question

我目前正在开设一个网页。

基本上这是两个部分。主要部分占据右侧边栏不是的所有屏幕。侧边栏是固定的，设置为250px宽。主要部分设置为100％宽度，边距为250px。

现在我放下几个测试块来看看它看起来如何，它们是300px x 300px。如您所见，顶行的最后一个块位于侧栏的后面。 如何让它转到下一行而不是在侧边栏后面？

先谢谢。

Answer 1

块未包装的原因是它忽略了右边距。

如果没有CSS，很难给出一个精确的解决方案，但我建议一个简单的解决方案是将右侧栏向右浮动，并将主div留下。然后你必须删除主div上的边距。

这样可以保留固定的像素大小，但在大多数情况下使用百分比更合适。我希望有所帮助。

Answer 2

根据对截图的理解，我假设你应该添加“位置”标签来确定div的优先级，我建议你在嵌套的div标签中使用％而不是px。

Answer 3

可能原因是宽度：主要部分为100％？

.main {
        width: auto;
        margin-left: 250px;
}