html - 窗口模式下的中心绝对位置div？

Question

我将这个绝对 div 居中：

<div style="
width:800px;
height:190px;
position:absolute;
left:50%;
margin-left:-400px;
border-width:10px;
border-style:solid;">
</div>

在最大化模式下，它可以正常工作。但是当浏览器的宽度小于div时，我无法滚动到div的左侧，它被剪切了。我在 Chrome 和 IE9 上测试过

如何在窗口模式下将绝对 div 居中？不对齐的原因是什么？

Answer 1

您可能希望将div' 的宽度和高度更改为百分比值，然后将其居中，只需执行以下操作：

top:0;
left:0;
right:0;
bottom:0;
margin:auto;
position:absolute;