Html 手风琴页面布局CSS问题

我正在尝试构建一个页面布局，其外观如下所示：

在本例中，A、B和C是三个分区，它们容纳了100%的页面高度。目标是构造CSS，使A和C是静态高度，B是填充空间的变量

---

最好的方法是什么？

我想说的是绝对定位行。如果B行内容超过页面高度，您没有指定希望发生什么。B行应该得到一个滚动条，还是C行应该被推出视口，给body一个滚动条

我的回答假设是前者

---

我要说的是绝对定位行。如果B行内容超过页面高度，您没有指定希望发生什么。B行应该得到一个滚动条，还是C行应该被推出视口，给body一个滚动条

我的回答假设是前者

---

我想你可能在寻找光荣的人。垂直缩放预览框以查看设计的功能

当中间的

没有向下推动页脚时，页脚位于页面底部，但当内容推动页脚时，页脚随页面一起向下浮动

这种方法看起来有点不雅观，但很容易做到：

<div id="wrap">
    <div id="upper">Foo</div>
    <div id="middle">Foo</div>
</div>

<div id="lower">Foo</div>

福
福
福

---

诀窍在于管道胶带：。

我想你可能在寻找光荣的人。垂直缩放预览框以查看设计的功能

当中间的

没有向下推动页脚时，页脚位于页面底部，但当内容推动页脚时，页脚随页面一起向下浮动

这种方法看起来有点不雅观，但很容易做到：

<div id="wrap">
    <div id="upper">Foo</div>
    <div id="middle">Foo</div>
</div>

<div id="lower">Foo</div>

福
福
福

诀窍在于管道胶带：。

您可以用php来实现

.container.a{边框：1px红色固体；高度：100px；}
.container.b{边框：1px红色实心；}
.container.c{边框：1px红色固体；高度：150px；}
A.
您可以在php中实现这一点


.container.a{边框：1px红色固体；高度：100px；}
.container.b{边框：1px红色实心；}
.container.c{边框：1px红色固体；高度：150px；}
A.
其他答案的问题是，如果您的中心内容溢出，布局就会崩溃。试试这个：

其他答案的问题是，如果您的中心内容溢出，布局就会崩溃。试试这个：

这与PHP有什么关系？！？！？！？而且这种方法并没有给出期望的结果。中间的<代码> <代码>没有填充整个页面：您可以在PHP代码示例中定义中间高度：$x＝500；这是行不通的。PHP不知道浏览器的高度，将来也不会知道。这与手动设置高度有什么区别？这是服务器端脚本，最好寻找其他答案。这与PHP有什么关系？！？！？！？而且这种方法并没有给出期望的结果。中间的<代码> <代码>没有填充整个页面：您可以在PHP代码示例中定义中间高度：$x＝500；这是行不通的。PHP不知道浏览器的高度，将来也不会知道。这与手动设置高度有什么区别？这是服务器端脚本，最好寻找其他答案。粘性页脚也可以。很高兴知道较低的
的功能……我的布局没有爆炸：-）粘性页脚也可以工作。很高兴知道下部
的功能…我的布局没有爆炸：-）下部
做什么？你想让它一直保持在那个位置，还是在B变得太大时被向下推？较低的
做什么？你想让它一直呆在那个地方，还是在B变得太大时被推倒？@Blender。。。你的第一把小提琴坏了，但是你的第二把小提琴坏了。我会把我的第一把小提琴删掉。这是我做粘脚的失败尝试…@Blender。。。你的第一把小提琴坏了，但是你的第二把小提琴坏了。我会把我的第一把小提琴删掉。这是我做粘脚的失败尝试。。。