Css 无绝对位置的单页网页
有没有办法让单页网站没有绝对位置？因为当我想改变容器的高度时，绝对位置有点尴尬。我的意思是，当我向一个容器中插入更多内容时，它上面的另一个容器应该向下移动。我试过静态和相对定位，但对我来说不起作用 现在我的css看起来像：Css 无绝对位置的单页网页,css,position,singlepage,Css,Position,Singlepage,有没有办法让单页网站没有绝对位置？因为当我想改变容器的高度时，绝对位置有点尴尬。我的意思是，当我向一个容器中插入更多内容时，它上面的另一个容器应该向下移动。我试过静态和相对定位，但对我来说不起作用 现在我的css看起来像： <style> #header {position: absolute; top: 0; left: 0; width: 100%; height: 20%;} #main {position: absolute;
<style>
#header {position: absolute; top: 0; left: 0; width: 100%; height: 20%;}
#main {position: absolute; top: 20%; left: 0; width: 100%; height: 80%;}
#about {position: absolute; top: 100%; left: 0; width: 100%; height: 100%;}
#contact {position: absolute; top: 200%; left: 0; width: 100%; height: 50%;}
</style>
<body>
<div id="header">
content....
</div>
<div id="main">
content...
</div>
<div id="about">
long content which is covered with next div, because its "top" atribute settings
</div>
<div id="contact">
div which covers previous one's end
</div>
#标题{位置：绝对；顶部：0；左侧：0；宽度：100%；高度：20%；}
#主{位置：绝对；顶部：20%；左侧：0；宽度：100%；高度：80%；}
#关于{位置：绝对；顶部：100%；左侧：0；宽度：100%；高度：100%；}
#触点{位置：绝对；顶部：200%；左侧：0；宽度：100%；高度：50%；}
内容。。。。
内容。。。
下一个div涵盖的内容很长，因为它的“顶部”atribute设置
覆盖上一个人末端的div
谢谢你的帮助 这取决于你网站的风格。当然，你可以设置锚，并有一个单页滚动的网站，但我不认为这回答了你的问题 我的建议是尝试使用绝对定位元素作为容器，并将实际模板放在其中
如果您提供了一些实际的代码或您遇到的特定问题，这会有所帮助，因为它目前太模糊了。我将回答您可能提出的问题，尽管不清楚。我希望这不是太基本 完全放弃position属性 只需在html的顶部有一个div（默认为100%宽度）作为标题。内容应位于该目录下的另一个div中
默认情况下，div的宽度为100%，其高度取决于其内容的高度。它们将增长以适应更高的内容。这些行为是因为它们具有属性display:block。您使用了%，如果我没记错的话，它是相对于父元素的。vh（视口高度）相对于屏幕高度（100vh是屏幕的全高）。 我添加了背景色，只是为了更容易看到
<style>
#header {
background-color: #777;
height: 20vh;
}
#main {
background-color: #999;
height: 80vh;
}
#about {
background-color: #777;
height: 100vh;
}
#contact {
background-color: #999;
height: 50vh;
}
</style>
#标题{
背景色：#777；
高度：20vh；
}
#主要{
背景色：#999；
高度：80vh；
}
#关于{
背景色：#777；
高度：100vh；
}
#接触{
背景色：#999；
高度：50vh；
}