10css兼容性问题

margin兼容性问题

display:inline-block

IE6 最小高度问题

IE6 双边距

li里元素都浮动 li 在IE6 7下方会产生4px间隙问题

IE6下双边距和4pxBUG共存

浮动元素之间注释，导致多复制一个文字问题

IE6 7 父级元素的overflow:hidden 是包不住子级的relative

IE6下绝对定位元素父级宽高是奇数,绝对定位元素的right和bottom值会有1px的偏差

lE6下绝对定位元素和浮动元素并列绝对定位元素消失

IE6 下input的空隙 和 border问题

IE6 下 输入类型表单控件背景问题

在IE6下，子元素会撑开父级的宽高，标准下不会，所以设置宽高一定要计算好

在IE6下，元素浮动，如果宽度需要内容撑开，就给里边的元素都加浮动

IE6下最小高度（overflow：hidden）

IE6下1px点线不支持（切背景平铺）

在IE6下解决margin传递要触发haslayout

在IE6下父级有边框的时候，子元素的margin值消失（触发haslayout）

-----------------------------------------------------css hack----------------------------------------------------------------

hack 黑客？ （原意：修改）

针对不同的浏览器写不同的CSS 样式的过程，就叫CSS hack!

\9 所有的IE9及之前

+ * IE7及ie7的ie浏览器认识

_IE6及ie6的ie浏览器认识

---------------------------------------------html条件注释语句-------------------------------------------------------------

<!--[if IE]>

这是IE

<![endif]-->

<!--[if IE 9]>

9

<![endif]-->

------------------------------------------------------------------------------------------------------------------------

IE6不支持png24图片

解决方法js插件，问题：不能解决body上的问题

---

CSS 经典布局之双飞翼布局-极客学院

等高布局：左右两列高度自适应扩展，并且相等；