2

我正在围绕 height:100% 进行一些测试。

在此页面上，您可以注意到蓝色区域不会随着页面内容拉伸其高度，即使它被指定为具有以下 CSS 样式：

html{ height:100%; }
body{ height:auto; }

我没有成功地尝试过：

body{ height:100%; }

对解决或试图理解这种行为有任何帮助吗？

4

1 回答 1

0

您正在尝试做的事情被称为“假列”，不幸的是答案不是height: 100%. 许多博主/开发人员已经详细讨论了这个问题，但我发现的各种技术的最佳综述是 CSS Tricks 的 Chris Coyier撰写的这篇文章。它专门解决了流体布局中的假列，这是您在小提琴中尝试做的。

这是 Coyier 伟大的CodePen网站上文章的演示：

http://codepen.io/cantera25/pen/lILha

于 2013-09-01T20:52:51.640 回答