css - 居中基于百分比的 div

Question

最近，一位客户要求他的网站基于百分比而不是基于像素。该百分比将设置为 80%。正如你们所知，如果容器是基于像素的，那么将容器居中是非常容易的，但是如何将基于百分比的主容器居中？

#container
{
  width:80%;
  margin:0px auto;
}

这不会使容器居中 :(

Answer 1

margin 属性支持百分比值:

margin-left: 10%;
margin-right: 10%;