web前段基础7

开发中需要注意的事项：

（1）计算宽高要精确，不要让内容的宽高超出我们设置的宽高；

（2）在IE6下，内容会撑开设置好的宽度；

（3）在IE6下，如果父级有浮动，然后子级需要内容撑开的话，就给子级也加浮动；

（4）IE6下最小高度问题，在IE6下元素的高度小于19px时，会被当做19px处理，解决办法：增加overflow:hidden;

（5）上下margin会由子级传递到父级，在IE6下解决margin传递要触发haslayout,解决方法，给父级增加：overflow：hidden;

 zoom:1;

（6）IE6下父级有边框的时候，子元素的边框消失，解决办法，触发父级的haslayout；

（7）IE6下的双边距bug,在IE6下，块元素有浮动和横向的margin值，横向的margin值会被放大成两倍；

（8）IE6，7下，li本身没有浮动。但是里面的元素有浮动，li之间会产生间隙；解决办法：（1）给li加浮动并加宽度，（2）给li加vertical-align:top;当ie6下最小高度和li的间隙问题共同存在时，给li加浮动。

（9）在ie6下，当一行子元素的占有的宽度之和与父级的宽度相差超过3px,或者有不满行状态的时候，最后一行子元素的下margin在ie6下就会失效；