IE6中float元素双倍margin问题

在IE6中，当给某元素设置float时，同时给该元素设置margin时，他会有双倍外边距的问题

p    {float:right;margin-right:10px; /*页面真正显示的是margin-right：20px */
}

解决方案1

p    {float:right;margin-right:10px; /*页面真正显示的是margin-right：20px */_margin-right:5px; /*利用ie6的hack写法*/
}

解决方案2
思路：对于一个浮动元素来说，设置display：inline没有任何意义，
但是可以解决IE6的双倍边距问题。

p    {float:right;margin-right:10px; /*页面真正显示的是margin-right：20px */display: inline;
}

IE6中float元素双倍margin问题相关推荐

ie6 span 换行IE6中float:right换行问题的替代解决方案
在IE6,IE7下使用<span>标签时,在加入右浮动样式后,会换行的bug解决方案: bug案例:新闻列表中,为使时间右对齐,加右浮动产生换行<ul><li>&l ...
ie6中兼容性问题总结
针对firefox ie6 ie7 ie8的css样式中的line-height属性,以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对! ...
IE7的web标准之道——7：（修正）float双倍margin bug
IE7的web标准之道 IE历来被web标准的拥护者所诟病,而当FireFox横空出世以后,更多的网页制作者开始关注web标准设计.看着FireFox的市场占有率不停的上升,微软终于推出了IE7.但I ...
ie6中容器内浮动元素的border边框不完全显示的bug
ie6中容器内浮动元素的border边框不完全显示的bug html <div class="hrListBox"> <div class=&qu ...
IE6双倍margin问题
IE6出现双倍margin的情况:浮动,且margin方向与浮动方向相同. 例:css: ul.li { list-style:none;} ul { overflow:hidden; zoom:1; ...
CSS中Float概念相关文章
float 是 css 的定位属性. 在传统的印刷布局中,文本可以按照需要围绕图片.一般把这种方式称为"文本环绕".在网页设计中,应用了CSS的float属性的页面元素就像在印刷布 ...
修复IE的浮动元素双倍边距Bug
CSS开发人员可能经常会碰到的一个现象是,一个页面在IE(特别是老版本的IE)中显示正常,而在现代浏览器中却完全变形了,或者情况完全相反. 常常能听到有人抱怨:"在IE上开发时间中,超过 6 ...
关于css中float的一切
原文:http://css-tricks.com/all-about-floats/ 这篇文章说的简单易懂 float是CSS中关于定位的属性. float有4个值:none, left, righ ...
好程序员分享居中一个float元素
为什么80%的码农都做不了架构师?>>> 好程序员分享居中一个float元素,我们布局的时候,用margin来设置float元素的外边距来达到效果.对于,在文档流中的元素,我们 ...

IE6中float元素双倍margin问题

IE6中float元素双倍margin问题相关推荐

最新文章

热门文章