html - div 离开父 div

Question

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

基本上是两个部分。主要部分占据了右侧边栏没有的所有屏幕。侧边栏是固定的并设置为 250px 宽。主要部分设置为 100% 宽度，边距为 250 像素。

现在我放了几个测试块来看看它的样子，它们是 300px x 300px。如您所见，顶行的最后一个块位于侧边栏的后面。我怎样才能让它进入下一行而不是放在侧边栏后面？

提前致谢。

Answer 1

块不换行的原因是因为它忽略了边距。

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

这将允许您保持固定的像素大小，尽管在大多数情况下使用百分比更合适。我希望这会有所帮助。

Answer 2

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

Answer 3

也许原因是宽度：主要部分为 100%？

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