在上面的众多实例中，我们都是在讨论横向的对象之间的排列组合方式，包括横向的宽度自适应问题，但是如何实现高度自适应呢？实际上许多初学者在初次尝试高度自适应时候遇到过这个问题，对象的height:100%；并不能够直接产生实际效果，那么是不是浏览器不支持"height:l00%的编写方法？当然不是。高度值同样可以使用百分比进行设置，不同的是，天津网站优化，天津网站建设公司，天津网站制作公司，天津网站建设，天津网站制作，之所以直接使用height:l00%；不能达成效果，上与浏览器的解析方式有一定关系，我们不妨直接看一段实现了高度自适应的CSS代码。
代码非常简单，对#height对象设置了height: 100%,然而也能够看见，同时设置了HTMLbody的height：100%；而这个就是高度自适应问题的关键所在。一个对象高度是否可以使用百分比显示，取决于对象的父级对象，#1eft在页面中直接放置：在body之中，因此，它的父级是body，而浏览器默认状态是没有给body一个高度属性的，因此当我们直接设置#1eft:100%时，不会产生任何效果，而当我们给body设置了100%之后它的子级对象#1eft的height：l00%；便发生作用了，这便是浏览器解析规则引发的高度自适应问题。而代码中除了给body应用之外，还给HTML对象也应用相同的样式设计，这样做的好处是使IE与Firefox浏览器都能够享实现高度自适应, ie与FirefoX对页面中对象的解析方式存在一定的差异，在IE中HTML对象默认为100%的高度，而body却不是，而Firefox之中HTML标签就不是l00%高度，因此我们给两个标签都定义为height: 100%;以保证两个浏览器下都能够正常工作。这样，最后一个问题，高度自适应问题便得到了解决，；在前面我们也探讨了1列至三列、浮动定位与绝对定位的问题，因此，结合高度自适应，我们应当能够灵活的应用不同结构的div，以及定位方式及适应方式，从而实现其他任意种类的布局设计。