如何使具有特定宽度和固定位置的div居中？

Question

我正在编码，并尝试将div水平放在页面中间。它只是一个简单的div，现在没有任何东西。我的代码是这样的：

#wrapper{
width:500px;
height:100%;
position:fixed;
background-color:#fff;
}

基本上，我只想在页面中心水平放置一个500像素宽的白色矩形，占据页面高度的100％。

感谢。

Answer 1

您可以指定left:50%和margin-left (width-of-div / 2)之后，这样您可以将div置于固定/绝对位置

试试这个：

#wrapper{
   width:500px;
   height:100%;
   position:fixed;
   background-color:#fff;
   left:50%;
   margin-left:-250px;
}

DEMO

Answer 2

您需要使用左边50％并添加负宽度的一半

#wrapper{
width:500px;
height:100%;
left: 50%;
margin-left: -250px;
position:fixed;
background-color:#fff;
}

如果您使用此div作为网页的容器，我建议取出固定位置并使用margin: 0 auto;将div置于中心