我目前正在开发一个网页。
基本上是两个部分。主要部分占据了右侧边栏没有的所有屏幕。侧边栏是固定的并设置为 250px 宽。主要部分设置为 100% 宽度,边距为 250 像素。
现在我放了几个测试块来看看它的样子,它们是 300px x 300px。如您所见,顶行的最后一个块位于侧边栏的后面。我怎样才能让它进入下一行而不是放在侧边栏后面?
提前致谢。
块不换行的原因是因为它忽略了边距。
如果没有 CSS,很难给出一个准确的解决方案,但我建议一个简单的解决方案是让侧栏向右浮动,主 div 向左浮动。然后,您必须删除主 div 上的边距。
这将允许您保持固定的像素大小,尽管在大多数情况下使用百分比更合适。我希望这会有所帮助。
根据对屏幕截图的理解,我假设您应该添加“位置”标签来确定 div 的优先级,我建议您在嵌套的 div 标签中使用 % 而不是 px 。
也许原因是宽度:主要部分为 100%?
.main {
width: auto;
margin-left: 250px;
}