如何只使用CSS3和HTML5而不使用JavaScript创建此设计

Question

如何只使用CSS3和HTML5而不使用JavaScript来创建此设计

标题（包含图像）：

• 高度：动态（取决于图像宽度）
• 位置：固定

---

内容（包含文本）：

• height:动态（布局高度-（页眉+页脚））
• 当文本超过内容高度时滚动

---

页脚：

• 高度：固定
• 位置：固定

Answer 1

我想你的目标是保持页脚在底部。看看这个基本教程：http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/

顺便说一句：关于布局的一切都是用html和css完成的。Javascript只是改变了html/css，并没有改变布局本身。