虽然现在很少有人在用ie6了,但作为前端人员,是不的不面对的问题. 在ie6中,使用float后的元素,在margin—left,这是你会发现距离和你想的不一样,其他的浏览器又是正常的,增大margin—left这一现象会更明显. 解决此办法的最简单的方法是,在style中添加:display:inline; 或者是在ie6中设置的margin减半,例如(本来是设置margin的值为30px的): _margin:15px;/*ie6*/ “_”属性值前面加_ :是只有ie6才能认识的符号 ;…

      问题:在IE6下如果某个标签使用了float属性,同时设置了其外补丁“margin:10px 0 0 10px”可以看出,上边距和左边距同样为10px,但第一个对象距左边有20px. 解决办法: 方法一.当将其display属性设置为inline时问题就都解决了. 说明:这是因为块级对象默认的 display属性值是block,当设置了浮动的同时,还设置了它的外边距就会出现这种情况.也许你会问:“为什么第二个对象和第一个对象之间就不存在 双倍边距的BUG”?因为浮动都有其相对应的对象…

IE6双倍margin bug 当出现连续浮动的元素,携带和浮动方向相同的margin时,队首的元素,会双倍marign. 解决方案: 1)使浮动的方向和margin的方向,相反. 所以,你就会发现,我们特别喜欢,浮动的方向和margin的方向相反.并且,前端开发工程师,把这个当做习惯了. 1 float: left; 2 margin-right: 40px; 2)使用hack(没必要,别惯着这个IE6) 单独给队首的元素,写一个一半的margin 1 <li class="no1&qu…

原网址:http://www.zjgsq.com/1629.html 之前写过一篇<js+css滤镜设置解决PNG24在IE6下显示问题> 解决方法不是很完美,使用起来也比较麻烦. DD_belatedPNG支持 backgrond-position 与 background-repeat,这是其他 js 插件不具备的.同时 DD_belatedPNG 还支持 a:hover 伪类属性,以及 img 标签. DD_belatedPNG官网http://www.dillerdesign.com/…

使用inline-block来代替float进行布局,或者使用inline-block来实现元素的居中效果.有关于使用inline-block来代替float的讨论也蛮多的. 不过就是使用inline-block的元素之间会存在“4px”的空白间距.那么今天我们就一起来说说这个“4px”的问题. 先看下代码 HTML部分: 1 2 3 4 5 6 7 <ul>   <li>item1</li>   <li>item2</li>   <li&…

方法1 <ul><li>item1</li><li>item2</li><li>item3</li><li>item4</li><li>item5</li></ul> 更新:全兼容的样式解决方法 经过高人指点,使用纯CSS还是找到了兼容的方法,就是在父元素中设置font-size:0,用来兼容chrome,而使用letter-space:-N px来兼容safar…

今天解决png图片在IE6下的背景透明问题,找到了一个好方法.之前的解决方案会造成错位,使页面变形.现把这个方法公布如下,本人亲测可以正常使用,如果你在使用中出现问题,请看实例中的说明(英文不精的童鞋可以用谷歌翻译哟) <!--[]> <script type="text/javascript" src="images/iepngfix_tilebg.js"></script> <style type="text/…

块级元素的垂直相邻外边距会合并,水平边距永远不会重合. 行内元素实际上不占上下外边距,左右外边距也不会合并.浮动元素的外边距也不会合并. 外边距重叠的意义 外边距的重叠只产生在普通流文档的上下外边距之间,这个看起来有点奇怪的规则,其实有其现实意义.设想,当我们上下排列一系列规则的块级元素(如段落P)时,那么块元素之间因为外边距重叠的存在,段落之间就不会产生双倍的距离. 外边距(margin)重叠示例 外边距重叠是指两个垂直相邻的块级元素,当上下两个边距相遇时,起外边距会产生重叠现象,且重叠后的外…

方法一: 父元素设置font-size: 0;  行内块元素有文字时再在该元素上设置font-size 方法二: 父元素设置word-spacing为负 方法三: Inline-block   元素浮动;  需要清除浮动 其他方法: 1. 设置margin为负; 2. 用注释填充 <li>inline-block</li><!--  --><li>inline-block</li> 3. inline-block标签之间不留空,不换行 <l…

1. li在IE中底部3像素的BUG 解决方案:在<li>上加float:left:即可解决 2. IE6中奇数宽高的BUG. 解决方案:就是将外部相对定位的div宽度改成偶数.高度也是一样的. 3. IE6文字溢出BUG 引发这种BUG有几个条件 1.是注释引起的,删除所有注释即可. 2.hidden的input直接放在form下. 3.display为none的div也有可能引发此bug. 4.可以通过外面再包一次DIV解决 由注释造成文字溢出,属于IE6的BUG,溢出文字的字数=注释的条…