html - 页脚和内容一分为二的液体布局

标签 html css

我想构建一个流式布局,其中页脚保持在页面末尾,竞争空间分为两个 div。我已经在 stackoverflow 上看到了将这两种行为分开的两个示例。我该如何实现?

请注意,我的左右两列没有内容。这是因为我将在其中放置一个背景图像和其他 div。

我已经有一个例子:http://jsfiddle.net/kpDDM/14/

我的例子有问题,因为当我的内容区域有很多内容时,内容区域没有在垂直方向扩展。

最佳答案

在这里,http://jsfiddle.net/kpDDM/16/

.footer 中添加了 position:fixed;,并从 .all 中移除了 overflow:hidden

编辑

http://jsfiddle.net/kpDDM/18/

关于html - 页脚和内容一分为二的液体布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11513104/

相关文章:

html - 在 Google Apps 脚本中的另一个 html 文件中显示一个 html 文件的内容

javascript - 如何只打印outerHTML

html - CSS在wordpress中的固定位置覆盖页脚

javascript - 如何逐行获取html表格值并对值进行一些计算?

HTML:td 不是 100% 表格高度

jquery - Twitter Bootstrap - 获取警告消息以粘贴到页面顶部

jquery - 在文本的最后一行添加省略号

html - 如何对齐有些有文本而有些没有文本的 div 元素?

html - 删除 :before pseudo element when parent has border 的底部边框

php - 如何从 php 脚本获取 JSON 中 mysql 表的所有值?