1

我按照本指南帮助设置我的页面的列。

如果屏幕大于内容，我想要做的是让我的列填满屏幕，但是当内容长于浏览器屏幕一次可以显示时，使用默认的溢出滚动或自动。

目前，我将 body、我的容器（文章中描述的容器周围的 div）和文章中描述的容器设置为 height: 100%。当页面适合所有内容时这很好，但是当屏幕太小时，内容就会被截断。

我尝试通过将主体或我的容器更改为最小高度到 100% 来解决此问题，虽然这会使较小的屏幕再次显示所有内容，但在较大的屏幕中，2 列“背景”不会延伸到页面底部，但我的容器可以。

编辑：我的 html 和 body 目前也设置为 100% 的高度。

Edit2：这是一个jsfiddle，用于显示内容大于屏幕时的外观

现在结构是这样的：

body (height: 100%)
    my_container (height: 100%)
        container2 (height: 100%)
            container1 (height: 100%)
                column1
                column2

我希望它确实像

body
    my_container (min-height: 100%)
        container2 (height: 100%)
            container1 (height: 100%)
                column1
                column2
4

1 回答 1

0

只需删除高度：100%；来自你的 CSS。

http://jsfiddle.net/8DNmh/2/

于 2012-09-19T02:16:38.943 回答