CSS编写过程中,为什么会出现Bug?

html-css015

CSS编写过程中,为什么会出现Bug?,第1张

CSS本身只是一种样式表，并非可执行代码；所以不存在使用过程中出错的问题，而且完完全全按照样式表中所做来渲染网页。

至于你说的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的文件，用来把这个继承去除