由html,body引发的思考

默认情况下，html、body（除ie6）是没有高度，但body有margin

 

在上图中ie8,ie9,chrome,ff一样

当仅仅给body设置height=100%时(html未设置height)没有什么改变,除了ie6，因为ie6中html默认100%

当给html，body都设置height=100%后，二者的高度都是窗口的高度，并且每次随着窗口大小的改变也会相应的改变，但是当内容的高度大于二者的高度后， 他们不能自由的伸展，以包容内部子元素，除非去掉html或body的height=100%(下图中紫色的框便是body)

（实验中也发现： 1、所有浏览器都支持margin：0 auto居中，并不是像之前所述在ie中需要使用text-align属性来居中。 2、使用jQuery获得document、html、body的滚动高度时($(document)、$(document.documentELement)、$(document.body))，除了 Chrome是document和body一样，html为0，其他都是document和html一样，body为0）

 

 

之后将讲解ie6 fixed，有一种方法也于此有一定的关系