至于你说的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的文件，用来把这个继承去除
![java中如何将byte[]里面的数据转换成十六进制？](/aiimages/java%E4%B8%AD%E5%A6%82%E4%BD%95%E5%B0%86byte%5B%5D%E9%87%8C%E9%9D%A2%E7%9A%84%E6%95%B0%E6%8D%AE%E8%BD%AC%E6%8D%A2%E6%88%90%E5%8D%81%E5%85%AD%E8%BF%9B%E5%88%B6%EF%BC%9F.png)
