div 离开父 div答案

【问题标题】：Divs are going out of the parent divdiv 离开父 div
【发布时间】：2013-02-09 11:28:45
【问题描述】：

我目前正在制作网页。

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

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

提前致谢。

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

#content { 宽度：自动；位置：绝对；顶部：0px；左：0px；右边距：250px；背景颜色：#000；最小高度：100%； } #sidebar { 背景颜色：#333;位置：固定；顶部：0px；右：0px；宽度：250px；最小高度：100%； } 是如果有人想知道的有效代码

【解决方案3】：

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

【讨论】：