IE和FF对盒模型的解释区别

IE和FF对盒模型的解释也不一样，代码说明：#test { width: 650px !important;width: 648px;padding-left:2px;background:#fff; }
test 显示的宽带是 650px
IE Box的总宽度是： width+padding+border+margin宽度总和
FF Box的总宽度就是 width的宽度，padding+border+margin的宽度在含在width内。
如果有BOX{WIDTH:"300"; PADDING:"5PX";}
则BOX在IE的宽度应该为:310
而在FF的宽度则是300
所以在BOX有填充的情况下应该这样使用
BOX{WIDTH:"290"!IMPORTANT; WIDTH: "300";}
这样子才能确保BOX的宽度始终在300px,而不会出现被撑开的现象

而在FF里面则不会造成浮动层填不满的情况
所以在写css的时候要注意打开浮动后要清除浮动，正如数据库的操作 ，打开数据库后一定要记得关闭。
最多的方法就是增加一个<div style="clear:both"></div>，还有一个有效的办法就是在需要撑开的div的css中增加overflow:auto或者overflow:hidden;

ul 标签在 Mozilla 中有 padding 值的，而在 IE 中只有 margin 有值。
设置ul{margin:0;padding:0}

针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，
但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针
对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：