标准浏览器子元素不会撑开父元素设置好的宽度,IE6下会的;

左侧右侧



1
2
3
4
/*在IE6,7下,li本身没浮动,但是li的内容有浮动,li下边就会产生一个间隙 解决办法: 1.给li加浮动,还需要加宽度width:300px; 2.给li加vertical-align,,,,,当IE6下最小高度问题,和 li的间隙问题共存的时候 给li加浮动*/

9.
10. IE6下的文字溢出BUG
↓leo是个大胖子

11.

12.

13.
14.透明度;opacity:0~1;filter:alpha(opacity=0~100);
15.

16.css hack不建议使用

17. !important 提升优先级

18.圣杯布局:左右宽度固定,中间宽度自适应伸缩,并且中间先加载
style>
body{margin:0;}
.center{height:600px;background:#f60;margin:0 200px;}
.left{width:200px;background:#fc0;height:600px; position:absolute;left:0;top:0;}
.right{width:200px;background:#fcc;height:600px;position:absolute;right:0;top:0;}
等高布局:

19.img外部的border
产生条件:img外部有a标签,即img标签有链接时
解决办法:设置img边框border:0;
20.图片默认有边距
产生条件:img标签(每个img之后敲了回车)
解决办法:为img设置float的浮动布局方式。