これは私が持っている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タグを基準にして設定(配置)されているようにします。しかし、私が体を配置すると、他のすべてのものがそれと一緒に動きます。タグの子ではありませんが。
------------------------------
| Header |
|¯¯¯¯|¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯|
| | |
|Nav | |
| | Body |
| | |
|____|________________________|
| Footer |
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯