0

これは私が持っている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           |
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
4

1 に答える 1

2

要素には要素要素<html>のみを含めることができます<head><body>*:

<!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>すべてが要素に対して移動している理由は、構造要素を含むために要素の直後に暗黙の要素が作成されているためです。<body><head>

*HTML5を想定

于 2012-10-04T05:21:13.923 に答える