前端首先要过兼容这一关！所以最近要整理一下关于兼容的问题！以备后用！（部分剽窃，不正确之处我会指出，当然我也会有错误，希望大家指出！）
1.居住问题
1).垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过 vertical-align: middle.( 注意内容不要换行.)注：vertical-align好像不是必须的。
2).水平居中. margin: 0 auto;(当然不是万能,当子的宽度大于父宽度时就会失效。),IE6 text-align:center;还有一点不同margin:0 auto;是用在本身标签上，而text-align用在父标签上。
居住问题：http://stackoverflow.com/questions/662341/using-margin-0-auto-in-internet-explorer-8
2.ul 标签在 FF 下面默认有 list-style 和 padding . 最好事先声明, 以避免不必要的麻烦. (常见于导航标签和内容列表)
3.作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应.
4. 浮动ie产生的双倍距离
#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE6会产生200px的距离 display:inline; //使浮动忽略} 或者在产生margin的方向上做手脚。若float:left 那margin-right.反之亦然，当然此方法不治本。
5.diplay:inline-block.
在IE下只有用在内敛元素上才会出现高级浏览器的效果，若用在块级元素上效果和其他浏览器是不同的。详细的附个链接：http://www.planabc.net/2007/03/11/display_inline-block/
IE下的inline-block触发元素的layout.了解layout http://www.jsann.com/post/ie_layout_detailed.html
睡觉明天继续！
