CSS正文宽度100%
我是CSS新手,在理解以下代码如何工作时遇到问题:CSS正文宽度100%,css,Css,我是CSS新手,在理解以下代码如何工作时遇到问题: body { width: 100%; height: 100%; } 我理解当您指定宽度:100%时 元素的总宽度将是其包含块的100%。包含块的正文是html,但是我的问题是html的大小是多少? html的大小取决于用户监视器的分辨率? 如果是这种情况,那么当我创建一个站点时,所有元素的大小将根据监视器的分辨率而变化 我不确定我是否完全理解这个概念,因此非常感谢您的帮助。谢谢 HTML元素实际上是视口(浏览器窗口可见区域)主体元素是页面
body {
width: 100%;
height: 100%;
}
我理解当您指定宽度:100%
时
元素的总宽度将是其包含块的100%。包含块的正文是html,但是我的问题是html的大小是多少?
html的大小取决于用户监视器的分辨率?
如果是这种情况,那么当我创建一个站点时,所有元素的大小将根据监视器的分辨率而变化
我不确定我是否完全理解这个概念,因此非常感谢您的帮助。谢谢 HTML元素实际上是
视口
(浏览器窗口可见区域)主体
元素是页面的实际内容
)表示HTML或XHTML的根
文件所有其他元素都必须是此元素的后代
HTML正文(
)元素表示HTML的主要内容
文件文档中只有一个元素
HTML元素实际上是
视口
(浏览器窗口可见区域)主体
元素是页面的实际内容
)表示HTML或XHTML的根
文件所有其他元素都必须是此元素的后代
HTML正文(
)元素表示HTML的主要内容
文件文档中只有一个元素
基于百分比的值始终基于其外部的对象(其父对象)。 回答您的问题:在HTML中,您不能添加任何内容,HTML是
头
和体
的父项<代码>正文是实际内容的持有者
为了解释CSS中的宽度百分比,我给出以下示例:
<html>
<body>
<div id="grandparent" style="width:90%;">
<div id="parent" style="width:80%;">
<div id="child" style="width:70%;">
</div>
</div>
</div>
</body>
<html>
让我们假设我们看到的是一个500像素(px)宽的屏幕。
身体
是祖父母的父母,因为div祖父母
在身体
内;它与文档保持相同的宽度,因为这是标准CSS值。(正如我在本例中提到的,它是500px)
有90%的身体宽度(450px)祖父母
的宽度为祖父母的80%(360px)父母
具有父项宽度的70%(252像素)子项
头
和体
的父项<代码>正文是实际内容的持有者
为了解释CSS中的宽度百分比,我给出以下示例:
<html>
<body>
<div id="grandparent" style="width:90%;">
<div id="parent" style="width:80%;">
<div id="child" style="width:70%;">
</div>
</div>
</div>
</body>
<html>
让我们假设我们看到的是一个500像素(px)宽的屏幕。
身体
是祖父母的父母,因为div祖父母
在身体
内;它与文档保持相同的宽度,因为这是标准CSS值。(正如我在本例中提到的,它是500px)
有90%的身体宽度(450px)祖父母
的宽度为祖父母的80%(360px)父母
具有父项宽度的70%(252像素)子项