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

Html 窗口模式下的中心绝对位置div?,html,center,absolute,windowed,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居中?它不对齐

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

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

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

当浏览器的宽度小于div时,底部会有一个滚动条。但是我不能滚动到div的左边,它被剪切了,我不知道是什么原因,因为您的
div
设置为
位置:绝对
将其垂直位置设置为高于一切,包括
。这意味着
div
不会拉伸
html
元素,因此浏览器不知道它需要向左滚动。也许您需要的是将
div
的宽度设置为
width:70%代替
宽度:800px,以便根据窗口更改其宽度。谢谢,有没有办法保持静态宽度:800px,因为我想与其他元素对齐?或者使用javascript/jquery告诉浏览器向左滚动?如果希望
div
具有动态宽度,则需要使用百分比值。无论您使用的是px还是%widths,对中都会起作用,但是如果您的窗口小于
div
的大小,它将被切断。另外,关于JS也不确定。我想这行不通。