Question

我正在启动一个使用HTML / CSS的应用程序。虽然我对这两种技术非常熟悉，但我在创建默认布局时遇到了问题。基本上，我想要以下内容：

|-------------------------------------------------------------|
|                                                             |
| This section will be as large as the content that it holds  |
|                                                             |
|-------------------------------------------------------------|
|                                                             |
|                                                             |
| This section will take up the remaining available space.    |
| No matter what. If more space is required, scroll only this |
| content.                                                    |
|                                                             |
|                                                             |
|-------------------------------------------------------------|
|                                                             |
| This section will be as large as the content that it holds  |
|                                                             |
|-------------------------------------------------------------|

如何使用HTML / CSS来完成此操作？

Answer 1

应该这样做：http://jsfiddle.net/ratbum/TUytU/4/

Answer 2

使用HTML5和CSS，我们将调用顶部<header>和底部<footer>作为语义参考。我们还会调用您内容的中心部分<article>。

如果同时将<header>和<footer>设置为position: fixed;，则只会滚动中心部分或<article>。在下面链接的jsfiddle中查看我的结果。容易腻！

实施例： http://jsfiddle.net/codesushi156/5wc25/4/

使用HTML和CSS布置内容

2 个答案: