css - 带 float 的最小高度 hack

标签 css

我正在尝试做类似 the min-height hack 的事情,但我有两个似乎与它冲突的 float :

http://jsfiddle.net/redconservatory/vqFVU/1/

我的“innercontainer”div 非常短,我希望它在不设置像素高度的情况下尽可能多地占用空间(或至少占用更多空间),因为我的页面内容会逐页变化...

最佳答案

设置 overflow:auto 而不是 visible,以便 .innercontainer 扩展以容纳其内容。

演示在 http://jsfiddle.net/gaby/vqFVU/2/


如果您还想要粘性页脚,请查看 http://www.cssstickyfooter.com/

关于css - 带 float 的最小高度 hack,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10002326/

相关文章:

CSS 悬停图像

css -/deep/::ng-deep 之间有什么区别?

jquery - 轮播的附加功能

iphone - Bootstrap 3 不是 iPhone 5 上的 XS

css - Image Greyscale with CSS & re-color on mouse-over social icons?

javascript - ul inside an li 显示在白色区域下方?

css - 使用 css 类隐藏 HTML5 输入类型数字箭头?

html - 产品标题对齐

javascript - 使用 jquery 根据文本框的值隐藏或过滤 div

CSS 内容不随内容增加