问有办法改变html标签的宽度和高度吗？
EN

Stack Overflow用户

提问于 2014-07-18 19:19:54

回答 1查看 72关注 0票数 0

我注意到html标签不会改变它的高度或宽度。我想知道是否有办法做到这一点，或者html标记是否总是填充可用的空间？

例如：

html{
    width:300px;
    height:300px;
    background-color:blue;
}

回答已采纳

发布于 2014-07-18 21:55:56

您可以像在示例代码中一样，在CSS中设置html元素的维度。您可以看到它们被应用了，例如通过将outline: solid red添加到规则中。

然而，设置尺寸并没有太大的影响。特别是，在html上设置背景色仍然会影响整个画布。根据CSS2.1规范第14.2节背景，建议在body而不是html上设置背景。如果您在html上设置，它将“成为画布的背景并覆盖整个画布”。

如果您在body上设置了背景，那么将应用一条特殊规则，即背景将用于整个画布(就好像它是在html上设置的一样)，如果html元素具有透明的背景，没有背景图像，这是默认的。因此，您也可以通过在html上设置背景来避免这种影响。示例：

html { 
    background: white;
}
body {
    width:300px;
    height:300px;
    background: blue;
}

但我不明白你为什么要这么做。如果您确实希望页面内容出现在300×300像素框中，通常的方法是将其包装在div容器中，并在其上设置尺寸和背景：

<style>
.stuff {
    width:300px;
    height:300px;
    background: blue;
}
</style>
<body><div class=stuff>Content goes here.</div></body>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24832268

复制

相似问题

问有办法改变html标签的宽度和高度吗？EN