gpt4 book ai didi

HTML5 相对单位

转载 作者:太空宇宙 更新时间:2023-11-04 10:46:02 26 4
gpt4 key购买 nike

我想制作一个使用相对单位的 HTML5 网站。我想用什么?百分比?

我正在尝试执行以下操作,但我的页眉未占正文的 10%。至少它没有这样显示。下面的 CSS 包含在 main.css 中。

body{
background-color:red;
width:100%;
height:100%;
}
header{
margin-right:auto;
margin-left:auto;
width:960px;
background-color:#000000;
height:10%;
}
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta content="UTF-8">
<link rel="stylesheet" href="stylesheets/main.css">
</head>
<body>
<header>
testing
</header>
</body>
</html>

最佳答案

我认为您也需要在“html”元素上应用“高度:100%”,以便为页面元素使用相对大小。

html { height: 100%; }

关于HTML5 相对单位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35389774/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com