0

当我使用此代码时，我无法在浏览器中找到文本，请有人帮我告诉我我的错误我似乎找不到问题，它都是简单的 html 和 css

<html>
    <head>  <title>Header example</title>

    </head>
<style>
body {background: green; 
    height:100%;
    margin:0; padding:0;
    }

#header1 {z-index:2; 
    position:fixed; top:0; left:0; 
    width:100%; height:30%;
    }

p1 {background:#FFFF00;
    position:absolute; top: 80%; left: 5%; 
    height: 40%; width: 100%;
}
</style>
</head>

<body>
<body oncontextmenu="return false;">


        <div id="header1"> <img src="Head_img.gif" width="100%" height="100%" />
        </div>

    <div id="p1">
<p Text text text text text text text textText text text text text text text text Text text text text text text text text </p>
    </div>
</body>

</html>
4

3 回答 3

1 
<p> Text text text text text text text textText text text text text text text text Text text text text text text text text </p>

不是

<p Text text text text text text text textText text text text text text text text Text text text text text text text text </p>
于 2012-09-17T21:11:33.530 回答
1

五个主要问题：

  • 你没有<!DOCTYPE>
  • 你有两个<body>开始标签。
  • 你有两个</head>结束标签。
  • 您的<style>块有点在<head>标签中。
  • 您永远不会正确打开<p>标签。

一个小问题：

  • 您的<img />标签应该有一个alt属性，其中包含一些描述该图像中内容的文本。

此代码应该可以工作：

<!DOCTYPE html>

<html>
<head>
  <title>Header example</title>
  <style type="text/css">
body {background: green; 
    height:100%;
    margin:0; padding:0;
    }
  #header1 {z-index:2; 
    position:fixed; top:0; left:0; 
    width:100%; height:30%;
    }
  p1 {background:#FFFF00;
    position:absolute; top: 80%; left: 5%; 
    height: 40%; width: 100%;
  }
  </style>
</head>

<body>
  <div id="header1"><img src="Head_img.gif" width="100%" height="100%"></div>

  <div id="p1">
    <p>Text text text text text text text textText text text text text text text text Text text text text text text text text</p>
  </div>
</body>
</html>
于 2012-09-17T21:16:18.397 回答
0

那么你的<p>元素没有任何结束>......

<p Text

应该

<p> Text
于 2012-09-17T21:09:10.967 回答