Html 当屏幕空间被其他元素占据时，如何使容器居中？

我有一个垂直的侧栏导航菜单，左对齐，宽211px，高300px。然后我有一个960px宽的容器。由于侧边栏占据了211px的屏幕宽度，所以当我使用边距0自动将其居中时，容器与之重叠

我如何从导航菜单中居中显示容器，而不是在所有浏览器/平台上从导航菜单中居中显示容器的一般屏幕宽度

---

用另一个div（例如

.wrapper

）包装容器。将包装总视图端口宽度减去侧栏宽度，然后在容器中使用

边距：0 auto

---

示例：：

包装容器，并给内部容器留一个

空白：211ishpx

？@RitabrataGautam谢谢。你能提供一把小提琴吗？实际上你使用的是宽度和高度的百分比。我需要以像素为单位，因为在手机和ipad上，百分比宽度与我现在拥有的不太匹配。。我尝试用像素替换，但问题又出现了。。。