html - css 边距/对齐问题

Question

我会尽我所能解释这一点；)基本上，我有一个侧边栏 <div id="sidebar"></div> float 到左侧并具有固定位置。我计划在它之后有另一个包含内容的 div，但问题是，因为侧边栏的位置固定，所以我希望在它之后(右侧)的 div 出现在侧边栏后面。这是一个问题，因为我需要使用 margin-left: 310px (310px 是侧边栏的宽度)使另一个 div 出现在侧边栏之后，因此在没有侧边栏的 310px 的情况下，它不会占据页面剩余的 100% 宽度，而是占据整个页面并导致对齐问题。

这很难解释，但如果你访问我的页面http://freshbeer.lv/development/en/你可以看到白色的div，它有margin-left: 310px;和 width: 100%;在它里面有一个灰色的 div 与 width:700px;和 margin: 0 auto; .我希望灰色 div 在背景的 2 个图像之间的中间对齐，但是由于白色 div 占用的空间比需要的多，所以它不会发生。有人可以提出解决方案吗？

Answer 1

也许我误解了你的问题，但在 #container 中你可以删除 width: 100% 或将其更改为 width: auto .

问题是它正在获取父容器的宽度(如果你往回走得足够远，它就是你的浏览器窗口的宽度)然后添加边距。所以它是 100% + 310px。因此它比您的浏览器窗口宽 310 像素。