现象：
当li内有元素浮动时，li元素底部出现3个像素空隙（此处日期span右浮动，li增加了background-color以使bug现象更加明显）
解决方法：
在日期的span元素上加上vertical-align:middle（top,bottom均可）如：span.time{float:right;vertical-align:middle;}
解决之后的效果：
cloudstars
- 浏览: 39050 次
- 性别:
- 来自: 杭州
-
最新评论
相关推荐
当li的子元素中有浮动（float）时，IE6/IE7中<li>元素的下面会产生4px空隙的bug。 XHTML 复制代码代码如下: ”list”> <li><div>vapour</div></li> <li>百度</div></li> <li>淘宝</div></li> <li>迅雷</div></li> ...
解决IE6 IE7 Firefox中li兼容问题
然而，在IE6和IE7中，如果浮动元素前面有一个非浮动的行内元素，它们会错误地将浮动元素的当前行看作是非浮动元素的底部边界，从而导致浮动元素被推至下一行。此问题在IE8的快速渲染模式（Quirks Mode）下也会出现。...
在Web开发领域，Internet Explorer（IE）曾是程序员们的一大挑战，尤其是对于前端开发者来说，因为IE中存在许多特有的bug。这些bug不仅让开发者头疼，还严重影响了开发效率。本篇将详细介绍9个最常见的IE bug及其...
复制代码代码如下: <ul> <li><a>ss</a><a>dd</a></li> <li><a>ss</a><a>dd</a></li> </ul> 情景如上： 这次的情况与上次不同，上次设置浮动的元素没有设置上边距，所以直接将浮动的元素移到不浮动的元素之前就可以...
7.IE6绝对定位元素的1像素间距bug 5 8. LI中内容超过长度后以省略号显示的方法 6 9. UL的padding与margin 6 10. IE6中min-height 最小高度不识别的解决办法 6 11. IE6中min-width 最小宽度不识别的解决办法 6 12. IE...
在IE6浏览器中，由于其自身的布局和渲染机制存在一些bug，导致在实现多级下拉菜单时，可能会出现下拉菜单被页面中的`<select>`元素遮挡的问题。这个问题对于网页开发者来说是一个常见的头疼问题，尤其是在需要兼容旧...
- **横向列表宽度bug**：当浮动的`<li>`包含触发了hasLayout的元素时，IE6可能出现问题。解决方法是为`<a>`元素添加相同的`float:left`属性。 - **列表阶梯bug**：给`<li>`的子元素`<a>`设置`float:left`可能导致...
在IE7中，几个并列的块元素，如果前面几个元素没有设置浮动，而给最后的元素设置为float：right，则被设置为浮动的这个元素会出现在下一行。 例子：复制代码代码如下:<ul><li></li><li class=”a”></li></ul>ul li{...
这样可以达到同样的效果，但是问题是inline元素的特性：默认无法设置宽度，高度，以及上下margin，（关于padding，情况有点特殊，在ie6，7中 inline元素是无法设置上下padding的，但是在标准浏览器里面是可以设置...
有两种方式解决这个问题，让IE6/IE7 支持 display:inline-block 的方法。 复制代码代码如下:<ul> <li></li> <li></li> <li></li> </ul> 1.先使用display:inline-block，再使用display:inline，如下： 复制代码代码...
2. **边距加倍问题**：当块元素设置左右浮动并有`margin`时，IE6会出现“margin双倍”现象。通过将元素的`display`属性设置为`inline`，可以消除这一问题。 3. **奇数字体大小和边框高度**：在IE6中，如果字体大小...
运用以上的代码可以使ie6支持li:hover的使用
在IE6浏览器中，开发者经常会遇到一个经典的布局问题，即在`<li>`元素中插入图片后，图片下方会出现不必要的空隙。这个问题是由于IE6对列表项和内联元素的渲染方式存在一个已知的bug。在其他现代浏览器中，这个bug...
li浮动还可以居中ul.html
本文主要探讨了在这些版本中，列表`<li>`元素内部的`<time>`元素与`<a>`元素出现错位的问题以及如何解决。 问题描述： 在IE7.0及以下版本，当`<li>`元素内部包含`<span class="tag">`、`<a>`和`<span class="time">...
fli-static-web.7z http://f-li.cn 网购返利
多浏览器下IE6 IE7 firefox li 间距问题