固定宽度div即使在浏览器宽度<1时也保持居中。 div宽度

时间:2010-09-30 12:18:10

标签: css

如果我将浏览器宽度小于div宽度,我如何将div置于浏览器中心以使其保持居中?

我目前正在使用这个:

BODY
{
text-align: center;
}
#wrapper
{
width: 1000px;
margin-left: auto;
margin-right: auto;
}

但是当我调整大小时,浏览器的左侧会阻挡div。

1 个答案:

答案 0 :(得分:0)

执行此操作有一个肮脏的解决方法:

#wrapper {
    width: 1000px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -500px; /* width divided by 2 */
}

您可能需要将overflow: hidden应用于父元素以阻止滚动条。