浏览器兼容性经典问题（一） IE6 下双边距问题

问题描述：

一个div盒子如果设置了margin，并且该div设置了float浮动，那么在IE6下便会产生双边距问题：如果设置 float:left 那么左边距会是原来margin的两倍；如果是float:right，那么右边距会是原来margin的两倍。

代码如下：

    <html><head><style>body{margin:0px;padding:0px;}#box{float:left;margin:10px;width:200px;height:200px;background:#696969;}

浏览器兼容性经典问题（一） IE6 下双边距问题相关推荐

10个修复ie6下bug技巧[转]
ie6的末日即将来临,对我们前端开发人员来说,无疑是一个慰藉人心的喜讯.但这个末日也并非朝日可至,所以我们还是争取最后的胜利,用各种hack和方法来规避ie6下双边距,背景透明,重复文字等等一堆bug ...
十个修复IE6下bug技巧
IE6的末日即将来临,但这个末日也并非朝日可至,所以我们还是争取最后的胜利,用各种hack和方法来规避IE6下双边距,背景透明,重复文字等等一堆bug. 10个修复IE6下bug技巧 IE6的末日即将 ...
CSS在IE6下的一些BUG和兼容性问题及解决办法
兼容性一直是前端的一大问题,也是让前端工程师很头痛的事情,在浏览器中,各厂商都有一套属于自己的标准和方法,从某种程度上看,是否能很好的处理兼容性问题,体现着一个前端工程师的水平,下面看一下CSS在IE ...
[css] 怎么IE6下在使用margin:0 auto；无法使其居中？
[css] 怎么IE6下在使用margin:0 auto;无法使其居中? 浏览器解析的问题,IE6下需要对居中的元素设置text-align:center属性使其margin:0 auto;生效. 个 ...
哪个html在大部分浏览器下是不隐藏的,前端浏览器兼容性问题总结
市场上浏览器种类很多,不同浏览器的内核也不尽相同,所以各个浏览器对网页的解析存在一定的差异.浏览器内核主要分为两种,一是渲染引擎,另一个是js引擎,内核更加倾向于说渲染引擎. 常见的浏览器内核可以分四 ...
ie6下常见的bug 调整页面兼容性
ie6下常见的bug 我们布局页面,首先符合标准,如何写一个页面的标准性? 但是ie6等浏览器本身就比较特殊,bug比较多,兵法云,知己知彼百战百胜.我们需要了解ie6的一些常见bug,这样,更好的调 ...
使用JavaScript下进行iframe的DOM操作（考虑浏览器兼容性）
今天碰到一个浏览器兼容性的问题,是IE和Firefox下iframe DOM操作的差异.本文借IE和Firefox在iframe DOM操作的不同,进行分析说明JavaScript在DOM操作中两者的 ...
解决在IE6下使用display: inline-block;的不兼容性问题
网页中用到了如下CSS样式: .panel .item { height:25px; *height:24px; line-height:25px; text-decoration:none; mar ...
IETester中文免费版 - 最佳网页IE浏览器兼容性测试工具(IE6 IE7 IE8共存)
对于很多拥有自己博客或者接触网页制作的朋友,肯定会遇到自己辛苦写好的页面在不同的浏览器下显示出来的效果截然不同吧,喜欢追求完美的朋友就肯定希望能尽量在不同浏览器下对页面进行测试并保证其正常显示了.当然 ...

浏览器兼容性经典问题（一） IE6 下双边距问题

浏览器兼容性经典问题（一） IE6 下双边距问题相关推荐

最新文章

热门文章