gpt4 book ai didi

css - body 标签是否有一些控制其他元素的样式规则?

转载 作者:太空宇宙 更新时间:2023-11-04 04:54:37 25 4
gpt4 key购买 nike

这是我的 HTML 结构

<html>
<head>
<style></style>
<title></title>
</head>
<header></header>
<nav></nav>
<body></body>
<footer></footer>
</html>

这是风格

html{
height:99%;
width: 99%;
position:absolute;}

header{
position:absolute;
top:0%; left:0%;
width:100%; height:7%;}

nav{
position:absolute;
top:7%; left:0%;
width:10%; height:85%;}

body{
position:absolute;
top:0%; left:0%;
width:90%; height:90%;}

footer{
position:absolute;
top:100%; left:0%;
height:5%; width:100%;}

我确实有边框和背景颜色来标识页面上的元素,但为简洁起见省略了。

我希望它看起来像下面这样,每个元素都相对于 html 标记设置(定位)。但是当我定位 body 时,所有其他东西都会随之移动。即使它们不是标记的子项。

 ------------------------------
| Header |
|¯¯¯¯|¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯|
| | |
|Nav | |
| | Body |
| | |
|____|________________________|
| Footer |
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

最佳答案

<html> element may only contain <head> and <body> elements *:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>

用于展示的所有元素都属于 <body>元素:

<!DOCTYPE html>
<html>
<head>
<title>Example</title>
</head>
<body>
<header>
<h1>Example</h1>
</header>
<div>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<footer>
<address>
Some location
</address>
</footer>
</body>
</html>

一切都相对于 <body> 移动的原因元素,是一个 implicit <body> element is being created immediately after your <head> element包含结构元素。

* 假设 HTML5

关于css - body 标签是否有一些控制其他元素的样式规则?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12720631/

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