类似于这样的一个结构
<ul>
<li><span style="float:left">left</span><span style="float:right">right</span></li>
<li><span style="float:left">left</span><span style="float:right">right</span></li>
</ul>
我给每个li定义了高度，可是在IE下总是会出现2px的间距，为此我试过很多办法，clear:both;overflow:hidden;等等，都无效，最终一步步推断，是由于li里有浮动元素产生的，到网上搜索，找到解决办法：
li{vertical-align: bottom;}
分享到：
相关推荐
但是当高度不一致时，就需要想别的办法来解决了： 1、给父元素定义font-size:0; 浮动子元素定义需要的font-size， 再定义display:inline-block;vertical-align:top; 复制代码代码如下: ul{ margin:0; padding:0; ...
解决IE6 IE7 Firefox中li兼容问题
li浮动还可以居中ul.html
这次的情况与上次不同，上次设置浮动的元素没有设置上边距，所以直接将浮动的元素移到不浮动的元素之前就可以解决问题。 但这次浮动的元素加上了外边距，上次的方法失效。 原因没有找到，但是通过下面的方法可以...
运用以上的代码可以使ie6支持li:hover的使用
当li的子元素中有浮动（float）时，IE6/IE7中<li>元素的下面会产生4px空隙的bug。 XHTML 复制代码代码如下: ”list”> <li><div>vapour</div></li> <li>百度</div></li> <li>淘宝</div></li> <li>迅雷</div></li> ...
浮动元素使其父元素高度塌陷我们经常会遇到一种情况，给一个元素设置浮动之后 float:left/right;，如果该元素的父元素有背景颜色，那么会发现父元素的背景颜色消失了；如果父元素有一个边框，那么浮动元素无法将边框...
二 IE下判断IE版本的语句 2 1. 直接案例 2 2. 语法 3 3. 注意事项 4 三 常见css的兼容性问题 4 1. IE6下float元素margin加倍 4 2. IE6下图片下方有空隙产生 4 3. ie6下空标签高度问题 4 4. IE6下这两个层中间有间隙 ...
复制代码代码如下: ”demo”> <ul> <li>我居中了</a></li> <li>我居中了</a></li> <li>我居中了</a></li> <li>我居中了</a></li> <li>我居中..."的办法，然后把li转换为inline元素，设置内外边距可以得到效果，代码如下
利用jjs实现向OL列表内动态添加LI元素的方法示例，分享资源
在IE7.0以下time元素与a元素错位，一个在上，一个在下。导致的原因是这种情况下span-time元素的margin-top会自动增加20px左右，具体的解决方法如下，感兴趣的朋友可以参考下
在制作页面是，li浮动是很常用的，一般情况也不用其居中，但有时，其特殊原因需要居中，这是就有点犯难了，下面使用相对定位的原理来解决下
因为IE6里只有a才有houver属性，为了解决这个问题找了半天，最后找到一个最合适的,其它也不是li:hover.只是用事件改变class对IE6.0而言
li在ie与firefox的高度是不一样的，解决办法是li font-size:0;然后在将其子元素复为12px
在IE7中，几个并列的块元素，如果前面几个元素没有设置浮动，而给最后的元素设置为float：right，则被设置为...解决方法：将浮动的li元素放在最前面即可： 复制代码代码如下:<ul><li class=”a”></li><li></li></ul>
<li>a</li> <li>a</li> <li>a</li> <li>a</li> <li>a</li> 我们遍历ul 下所有的li 并添加点击事件，一般我们会在for循环里面添加点击事件，但是结果和我们所期盼不一样，那么是为什么呢？？？？ 接下来看看我们的...
IE6下为什么图片下方有空隙产生 IE6下这两个层中间怎么有间隙 list-style-image无法准确定位的问题 LI中内容超过长度后以省略号显示的方法 web标准中定义id与class有什么区别吗 如何垂直居中文本 如何对齐文本与文本...
即把li变为行内元素且可以设置宽高以及边距，这样也有一个问题，低版本的Ie浏览器不兼容inline-block，建议在其后再加两个属性兼容低版本ie *display:inline; *zoom:1; <!DOCTYPE ...