通过调整html标签的CSS属性来获得水平居中的页面是错误还是完全错误?

时间:2010-08-04 02:18:26

标签: css

通过调整html标签的CSS属性来获得水平居中的页面是错误还是完全错误?

css代码段:

<style type="text/css">
    html
    {
        width: 1200px;
        margin: 0px auto;
        background-color: Gray;
    }
    body
    {
        background-color: red;
    }
</style>

html代码段

<body>any contents go here...</body>

1 个答案:

答案 0 :(得分:1)

html是页面中每个元素的父亲。如果它变为居中,那么假设你想要在整个页面的左上角/右上角放置一些东西。它现在将变得相对于居中的html元素,最有可能......并且必须抵消这种影响会很痛苦,这就是我不建议这样做的原因。

这就是为什么最好至少将身体或div包装中心。

编辑:在我的实际测试中(在Fx 3中)似乎AP的元素将相对于整个视口,但即便如此,它可能与浏览器不一致并且与IE不一致

通过以包装为中心,您可以确保事情顺利进行。