DIV和CSS总结

《DIV和CSS总结》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、DIV和CSS总结IE6下，DIV容器和padding之和，是DIV所占区域的总宽度（IE8时DIV容器所占区域总宽度不需要计算padding）真实宽度=width+padding+border+margin!important强调声明前面的语句有效性。比如设置了:padding:0px!important;padding:10px;后面的重要性就不如前面带声明的！一、设置为float的div在IE6下margin会加倍解决方法一：是在这个div里面加上display:inline。但是会导致内容区域的第一行文字出现缩进，和之后的行不对齐，应该再加一层div解决如：＜#d

2、ivid="imfloat">相应的css为#imfloat{float:left;margin:5px;/*IE下理解为10px*/display:inline;/*IE下再理解为5px*/}解决方法二：通过!important这样的手段hack。（这里面有3种形式）第一种：.div{background:orange;/*ff*/*background:green!important;/*ie7*/*background:blue;/*ie6*/}第二种：.div{margin:10px;/*ff*/*margin:15px;/*ie7*/_margin:15px;/

3、*ie6*/}第三种：#div{color:#333;}/*ff*/*html#div{color:#666;}/*IE6*/*+html#div{color:#999;}/*IE7*/二、IE6和IE8下的导航菜单有时候鼠标放上，IE8会有背景色而IE6没有，这时候要给区域加上高度和宽度，试试height:auto;width:88px二、在google、IE8、Firefox中margin-top的兼容在这些浏览器中，有两个嵌套关系的div，如果外层div的父元素padding值为0，那么内层div的margin-top或者margin-bottom的值会“转移”给外

4、层div。解决方法：1.在相应位置里插入一个非空的元素