Html 如何在固定位置的div之后放置div？_Html_Css_Position_Css Position

Html 如何在固定位置的div之后放置div？

html css

Html 如何在固定位置的div之后放置div？,html,css,position,css-position,Html,Css,Position,Css Position,我正在尝试创建一个头版，其中我使用了如下内容： <!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"&g

我正在尝试创建一个头版，其中我使用了如下内容：

<!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）。在高级CSS结构中，这有所不同，但您使用的是非常基本的应用程序。如果您将“header”

DIV

设置为

位置：固定

，则“box1”

DIV

将呈现为“header”

DIV

从未出现过（并且“box1”显示在“header”的顶部，位置与主体相同）。将固定位置设置为“两者”，并定义“box1”的位置。好的，那么我知道在“固定”div之后不能有一个position div，我明白了，那么我如何将div放置在具有适当位置的div之后？我应该使用“header绝对值，然后是box1相对值和box2相对值”还是什么？我并没有真正理解您想要做什么。请解释您想要实现的目标（即“标题位置为x，y，方框1在下方，方框2在方框1右侧）。我想创建一个带有标题和内容的页面，但我希望能够在每件事情中使用position属性，但如果我使用“fixed”“所有东西都显示在标题中，我希望能够在另一个标题之后显示它们。这样地。。。。。页眉，第1栏，第2栏，第3栏，页脚。我如何在不破坏代码的情况下将“position:x”应用于所有这些内容，因为当我应用它时，它会在标题中显示所有内容，我是否必须将某些内容应用于主体还是什么？

#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;
}