关于css一些注意事项的总结

1，margin,上下合并问题,左右不合并

2个div,外面的div没有任何占位的东西。2个div的margin分别是5px ,最后实际展现的div margin-top和margin-bottom 是5px ，left和right是10px。

2，width 和height auto问题

width 如果auto ,没有浮动和脱离文档，如float 和absoute,那么是 拉长的，占一条。

height的auto，是实际的自适应。

3，margin:auto;可以左右居中，上下不能居中。

4，visibility: hidden 占位隐藏，display:hiddern不占位隐藏。

5，如果直接把iframe append到一个div中，iframe会刷新

6，ie6下 float 会引起margin左右双边距的问题 、三像素的问题。

BUG描述：

 

页面中某DIV使用了position:relative，结合top=-25px等元素定位。在FF和IE7下表现正常，但是在IE6中该DIV会随鼠标滚动而滚动。

分析：

 

这是IE6一个已知的BUG：当某position:relative元素 被带有overflow:auto/scroll属性的块级元素包含时，会表现出postion:absolute的行为。

 

解决方法：

 

1.为包含块元素添加属性position:relative 。

 

2.把该元素的position:relative属性去掉，使用默认的static定位，并通过margin-top等属性实现类似的效果。