IE的双边距Bug以及解决办法
display:inline和display:block区别 一、什么是双边距Bug？ 先来看图： 我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且要留出内容栏的宽度。要实现这样的效果，我们给绿色盒 ...
原文：IE6双边距bug及其解决办法
上面这段代码，在IE 和FF中的显示结果分别如下图所示: 可以看到，在IE 中显示的红色区域的左边距实际为 px，是CSS代码中设置的 px的两倍，这是IE 的双边距BUG。当满足下面这三个条件时，就会出现这个BUG： 要为块状元素 要左侧浮动 要有左外边距 margin left 。 出现双边距的条件是当浮动元素的浮动方向和margin的方向一致时才会出现。也就是说，并不是只有块状元素左浮动， ...
2016-09-01 22:42 0 2011 推荐指数：
相关推荐
IE6双倍边距一招搞定
所谓的IE6双倍边距就是指当元素有float属性，又有margin属性时，在IE6下面显示的margin的值是设置值的两倍。下面的代码： IE6显示效果为：IE8显示效果为： 可以看得出来左边距在IE6下面明显比IE8下面的大，在ie6下面的左边距变成了20px，而不是设置 ...
IE6下javascript:void(0)的诡异与解决办法
IE6下<a href="#">与<a href="javascript:void(0);">的区别 JavaScript AjaxIEFirefoxHTML. 之前在项目，用到超链接，在ie6+下没有问题，但是到了ie6，居然发现点击事件不起作用， 真不 ...
ie6 表格td中无内容时不显示边框的解决办法
1、在单元格中加入一个空格。这样: <td>& </td> 2、直接在table里这样写:<table border="0" cellspacing="0" st ...
IE6、7下块级元素设置display:inline-block不换行的解决办法
使用背景 在实际的工作中，我们有的时候会把块元素设置为inline-block，这样做的目的有2个，一是块元素能够排列到一行，二是块元素就形成包裹性，能够自适应content area，而不必设置宽和高（依实际情况而定），在现在浏览器中没有什么问题，但是IE6、7下，当把block元素设置成 ...
IE6 与 GZIP, BUG汇总
bug1描述: IE6部分版本,某些情况下,开启gzip的资源,会不渲染或不执行(如果是.js的话.) 会引发此bug的条件: 1. 首先,必须由a页跳转到b页面 : 即 a页面有 location.href = b页面.(点链接,form post ...
IE6的一个小bug
这段代码对<p>的首字符样式定义在IE6上看是没有效果的,而在p:first-letter和{font-size:300%}加上空格，也就是p:first-letter {font-size:300%}后，显示就正常了。 这个问题主要是出现在IE6浏览器中，而且这位朋友 ...
外边距塌陷问题的解决办法
会导致外边距塌陷的两种情况 情况一：两个兄弟盒子，上面的盒子设置了margin-bottom,下面的盒子设置了margin-top,实际中会取值较大的那个属性值显示在网页中。这种情况一般较为少见。这两个属性只设置一个即可解决。 情况二：嵌套盒子（父元素与子元素）间的外边距塌陷（发生在垂直方向 ...