Question

我试图创建一个首页，我正在使用这样的东西：

<!doctype html>
<html>
<head>
<meta charset="utf-8">

<title>My Page</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="wrapper">
<div id="header">

    <h1>Header</h1>
    <br/>
</div>
<div id="box1">
Content
</div>
</div>
</div>
</body>
</html>`enter code here`

我的css是

#header{
  position:relative;
  text-align:center;
  width:100%;
  margin-left:0%;
  color:#FEA13A;
  text-shadow:#CCC 1px 1px 1px;
  font-size:22px;
  background:#000000;
}

#box1{
  width:80%;
  position:relative;
  margin-top:10px;
  margin-left:20%;
  margin-right:20;
}


#wrapper{
  width:100%;
  position:absolute;
}

我希望能够在页面的每个部分使用固定位置来调整屏幕，但是当我使用＆＃34; position：fixed;＆＃34;在第一个标题上，它之后的所有内容都没有正确定位。

如何解决这个问题？

如何将div放在div后面的固定位置？

0 个答案: