致力于高端网站建设服务的专业公司
网站建设热线:010-51000596
首页 > 网站资讯 > 网站建设 > div+css常见的问题

div+css常见的问题

Div+css浏览器兼容问题小结(不是很全)

不管新手老手做页面的时候都会遇到这样那样的问题,每个浏览器显示的都不一样,也就是我们所说的不兼容,主要是因为各浏览器的内核不同定义不一样导致的。

有的时候我们会用骇客技术来做兼容,或者是根据各个浏览器进行不同的定义。下面我来说几条:

Ps:主要是IE下的BUG比较多(可恶的IE)

IE6下面的双倍BUG

例如三个块要排列到一行上面,我们肯定要用float属性了,贴在一块儿也不好看,那么加个margin值吧,结果预览的时候就出现问题了,IE6明显间距比别的浏览器宽了,实际上IE6的margin效果是双倍的,即:如果margin:10px;那么IE6就是20px,解决的办法就是给读懂的块儿定义display:inline属性。问题就解决了。

各浏览器文字本身大小

同样是12号宋体,但是在不同的浏览器中锁占的空间是不一样的,不知道大家有没有注意过。解决方案就是给文字设定line-height属性。

图片间隙

(又是IE6下的产物)一张图片下面一段文字,做完你会发现IE6下面怎么多出1px,解决方案就是把图片转块儿。

多余字符

(还是IE~~~)

写备注是一个好习惯,方便查看和修改,不容易搞乱位置,但是有没有遇到过这样的情况,某一段文字或是一个容器后面突然出现一段或是几个文字,咦,怎么回事?我明明没有写这些..而且只有IE6有,解决方法去掉注释。

默认高度

(同上)

Ie6中有一个默认高度,如果你要写一个长100,高5PX的盒子,那么IE6肯定就不是这个高度了,解决办法font-size:0;overflow:hidden;height:5px。

吞吃

现在我们有上下两个div,上面的div设置了背景,但是却发现下面没有设置背景的div 也有了背景,对应上面的背景吞吃现象,还有滚动下边框缺失的现象。解决方案:使用zoom:1。

 

先写这么多,后续还有。