标签:
1 计算宽高要精确,不要让内容的宽高超出设置的宽高,内容会撑开设置好的宽高。
2 元素浮动,如果浮动元素的宽度需要内容撑开,就给里边的块元素都加浮动。
3 元素要通过浮动并在同一行,就给这行的元素都加浮动。
4 注意标签嵌套规范:块元素里不能嵌套块元素。
5 最小高度问题,元素的高度小于19px的时候,会被当做19px处理 解决办法:overflow:hidden;
6 border{1px dotted;} 1px的点线边框不支持 解决办法:切背景平铺。
7 解决margin传递要触发haslayout,父级有边框时,子元素的margin值消失 解决办法:触发父级的haslayout。
8 双边距BUG,块元素有浮动和margin横向值,横向的margin值会被放大成两倍
解决办法:diaplay:inline;
9 margin-right:(除了none的任意值)会使一行右侧的第一个元素有双边距。
10 li本身没浮动,但是li的内容有浮动,li下边就会产生一个间隙 解决办法:①给li加浮动;②给li加vertical-align:top;
11 最小高度问题和li的间隙问题共存时 解决办法:给li加浮动,同时加overflow:hidden;
12 当一行子元素的宽度之和与父级的宽度相差超过3px,或者有不满行状态时候,最后一行子元素的margin-buttom就会失效。
13 文字溢出BUG,子元素的宽度与父级的宽度相差小于3px时,两个浮动元素中间有注释或内嵌元素就会发生文字溢出BUG
解决办法:用div把注释或内嵌元素包起来。
14 当浮动元素和绝对定位元素是并列关系时,绝对定位元素会消失 解决办法:给绝对定位元素外面包个div。
15 有相对定位时,父级的overflow包不住子元素 解决办法:给父级也加相对定位。
16 绝对定位元素的父级宽高都是奇数时,元素的right值和buttom值会有1px的偏差。
17 position:fixed IE6不兼容 解决办法:JavaScrip处理。
18 不要给tbody或th同时给td或tr加背景样式
19 输入类型的表单控件上下各有1px的间隙 解决办法:给input加浮动。
20 输入类型的表单控件加border:none; 解决办法:重置input表单背景。
21 输入类型的表单控件输入文字时,背景图片会随着输入一起移动 解决办法:把背景加给父级。
注意:都是在IE6,IE7下兼容问题
标签:
原文地址:http://www.cnblogs.com/candy0601/p/5773453.html