但ie7以上就不会，比如内层div高度是500 而外层div高度是400 在ie7以上或其它高级版本浏览器就会显示外层为400 内层为500 而外层div的下一个同级元素(也就是它的下一个元素)会直接在高度400的位置显示 所以会有100px与这个外层div的内层相重叠
而ie6下因为外层的div会被内层撑大 所以这个外层元素的下一个同级元素就会从500高度的位置显示 所以在ie6下就不会重叠
在Ie7以上版本浏览器 你可以打开网页后按F12来查看网页元素 在打开的工具中的Html选项卡里面有一个鼠标的按钮，点击后 可以选择页面元素 或直接在Html选项卡里面选择某个标签后，网页中就会将这个元素框住，通过这种方式来查看你的元素是否被撑大 从而来更改你的css设置。
margin-top:9pxmargin-top:8px\0margin-top:9px\9\0这三句ie8都能识别出来，根据顺序，组后的那个优先级最高，所以IE8下还是9px；\9 ：IE6、IE7、IE8都能识别
\0 ：仅IE8识别
*：IE6、IE7能识别
*+ ：仅IE7能识别
_ ：仅IE6能识别
IE9、IE10未测试暂时不知道
写这些hack的时候要注意顺序。
