html - div 正在离开父 div

标签 html css margin hidden behind

我目前正在制作网页。

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

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

提前致谢。

Preview of the page at the moment

最佳答案

block 不换行的原因是因为它忽略了 margin right。

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

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

关于html - div 正在离开父 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14787632/

相关文章:

html - 突出显示时删除文本上方/下方的空间

javascript - 从具有 contentEditable 的元素中删除调整大小的 handle 和边框

css - 在 x/html 中编写联系信息的最佳方法是什么?

javascript - 流体图像翻转 Twitter Bootstrap Rails

Android:如何在Preference中调整Margin/Padding?

html - 在再次调整窗口大小之前不会触发 masonry 布局

php - 在网站上包含 google pub

javascript - jQuery/javascript 和 WebKit 的 float 问题

html - block 元素之间垂直的神秘间隙

html - 使用不同的 DIV 将 CSS 向右推 300 像素