至于你说的BUG,应该是不同浏览器之间的差别;尤其体现在IE系列之中,以IE6尤为严重。
这种BUG是浏览器设计缺陷所导致,所以在写CSS过程中尽量使用通用样式;了解更多不同浏览器特行,这个只能慢慢积累。
就我自己目前来讲,所做网页一概不考虑IE8以下;算是暂别了浏览器大多数BUG的苦海。
1、使用场景:
改变元素的排列方式的时候会用到浮动
浮动的元素会脱离文档流,正常的文档流视其而不见
浮动元素的停止:找到父元素的边框停止
浮动元素的卡顿:元素高度大于其他元素;
2、浮动引发的BUG:
1、父元素不设置高度,所有子元素都浮动
2、浮动的子元素撑不开父元素的高度
3、解决办法:
1、给父元素添加overflow: hidden
2、给父元素添加最后一个子元素 clear:both 清除浮动
3、能设置高度的元素都设置高度
4、伪类元素清除
比如在ie6中有一个margin与float的bug
在ie6中float跟margin合用会出现双倍margin的情况,你可以做一个页用ie6与火狐同看就会发现,宽度会不同。这就是bug,,,还有些就是css继承的问题,这个一般写web 前端的写页前会做一个reset.css的文件,用来把这个继承去除