Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
有没有办法更改html标记的宽度和高度?_Html - Fatal编程技术网

有没有办法更改html标记的宽度和高度?

有没有办法更改html标记的宽度和高度?,html,Html,我注意到html标记不会改变它的高度或宽度。我想知道是否有办法做到这一点,或者html标记是否总是会填满可用空间 例如: html{ width:300px; height:300px; background-color:blue; } 您可以像在示例代码中一样,在CSS中设置html元素的维度。您可以看到它们已被应用,例如,通过向规则添加outline:solid red 不过,设置尺寸标注没有多大效果。特别是,在html上设置背景色仍然会影响整个画布。根据CSS 2

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

例如:

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

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

不过,设置尺寸标注没有多大效果。特别是,在
html
上设置背景色仍然会影响整个画布。根据CSS 2.1规范第14.2节,建议在
body
上设置背景,而不是
html
。如果设置为
html
,它“将成为画布的背景并覆盖整个画布”

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

html { 
    background: white;
}
body {
    width:300px;
    height:300px;
    background: blue;
}
不过我不明白你为什么要那样做。如果确实希望页面内容显示在300 x 300像素的框中,通常的方法是将其包装在
div
容器中,并在其上设置尺寸和背景:

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

.东西{
宽度:300px;
高度:300px;
背景:蓝色;
}
内容在这里。

您可以提供更多关于您要做什么的详细信息,以便我们为您找到一些解决方案。您所说的“更改html标记的宽度和高度”是什么意思?哪个标签?html标签本身。(). 这主要是一个好奇的问题。不知道这里是否允许这样做。标记是标记的一部分。。。它们的宽度/高度是IDE中文本的大小。我认为您希望更改它们成为的元素的宽度/高度。