我把这个绝对的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?它不对齐的原因是什么?
答案 0 :(得分:1)
您可能希望将div
的宽度和高度更改为百分比值,然后将其居中,只需执行以下操作:
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
position:absolute;