窗口模式下的中心绝对位置div?

时间:2013-05-04 20:24:36

标签: html center absolute windowed

我把这个绝对的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?它不对齐的原因是什么?

1 个答案:

答案 0 :(得分:1)

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

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