css - HTML CSS DIV排列

大家好。我需要帮助来安排我网站的div。
我的网站有3个主要DIV。
 1. DIV1-我的标题（固定高度）
 2. DIV2-动态内容区域，因此高度有所不同
 3. DIV3-我的页脚（固定高度）

所有DIV的宽度均为100％。

DIV1标头相对于浏览器的顶部必须为0px。我希望3个DIV必须彼此叠置，如图所示。如果用户的分辨率高于我的3个DIV，则在DIV之后仅是空白处的最底端。但是，我似乎无法使该布局正常工作。 DIV3页脚不断给我带来麻烦。

我正在遵循CSS代码：

div1 {
  position: fixed;
  top: 0px;
}
div2 {
  position: relative;
  top: 0px;
}
div3 {
  position: fixed;
  top: 0px;
}

如果我对DIV3使用position: fixed，而我的DIV2内容较短，则整个网站看起来会很奇怪。
如果我尝试将位置更改为：DIV3的相对位置，则DIV3将重叠并出现在DIV1的前面。

有什么更好的建议吗？
非常感谢你。

最佳答案

您是否有理由使用定位来布局div？

Div会自然地堆叠在一起而无需定位。

关于css - HTML CSS DIV排列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12817417/