You need to set left:0; right:0;
.
This specifies how far to offset the margin edges from the sides of the window.
http://www.w3.org/TR/CSS2/visuren.html#position-props
CSS
.container
{
position: absolute;
top: 15px;
z-index: 2;
width:40%;
max-width: 960px;
min-width: 600px;
height: 60px;
overflow: hidden;
background: #fff;
margin: 0 auto;
left: 0;
right: 0;
}
Note: You must define the width or this Answer will not work. That means this answer is not useful for elements with dynamic widths.
share from: http://stackoverflow.com/a/17977312
原文/转自:CSS:absolute居中 How to center absolute div horizontally using CSS