我有一个左对齐的垂直侧边栏导航菜单，其宽度为 211 像素，高度为 300 像素。然后我有一个 960px 宽的容器。由于侧边栏占用了 211px 的屏幕宽度，因此当我使用 margin: 0 auto; 将其居中时，容器与其重叠。
如何使用一种解决方案使容器从导航菜单而不是一般屏幕宽度居中，使它在所有浏览器/平台上从导航菜单居中显示？
最佳答案
用另一个 div(例如 .wrapper)包装容器。使包装器的总视口(viewport)宽度减去侧栏宽度，然后使用 margin:0 auto在容器中
示例::FIDDLE
关于html - 当屏幕空间被其他元素占用时，如何使容器居中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18044697/