`
一只妖娆
  • 浏览: 5230 次
  • 性别: Icon_minigender_2
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

li在IE中底部3像素的BUG

阅读更多
IE浏览器,在li标签内,如果a标签是块元素就是使li标签产生多余的像素,以前遇到事是a标签浮动的情况才会产生这个bug,这次不一样,a标签是块元素的情况下,若后面有个绝对定位的div,也会产生多余的像素。可能两个bug是一样的吧,还好找到了解决的方法:
方法一:
li加上浮动
li {float:left;......}  

方法二:
1.li {display:inline-block;......}   
2.li {display:inline;}   
3./*或*/  
4.li {display:inline; zoom:1;......} 

方法三:
li {vertical-align:bottombottom;......}
分享到:
评论

相关推荐

    css常见的bug(ie)

    7. **3像素Bug**: 当两个浮动的DIV相邻时,IE可能会在它们之间显示3像素的间隙。解决方法包括使相邻元素也浮动,或者为已浮动的元素添加负margin。 8. **宽度和高度的问题**: IE不支持`min-`前缀,但它实际上把...

    line-height使文本居中的3像素bug问题

    这个所谓的“3像素bug”并不是真正的错误,而是CSS布局特性的一种体现。 首先,让我们来理解一下line-height的作用。line-height定义了行内元素之间的垂直间距,它会影响文本的垂直对齐。当我们将一个元素的height...

    IE6/IE7中li底部4px空隙的Bug

    在网页设计领域,IE6和IE7浏览器常常会给开发者带来一些独特的挑战,其中之一就是著名的“li底部4px空隙的Bug”。这个问题出现在当`<li>`元素的子元素使用浮动(`float`)属性时,IE6和IE7会在`<li>`元素下方产生...

    常见 CSS BUG 的处理

    **IE5/6 Doubled Float-Margin Bug**:在 IE5 和 IE6 中,当一个浮动元素紧挨着另一个设置了外边距的元素时,可能会出现外边距加倍的问题。 **解决方法**: - 使用 `display: inline` 来让元素表现得像内联元素一样...

    DIV+CSS_IE-FF兼容.pdf

    例如,在IE中,14像素的宋体文字实际占用高度为16像素,底部有3像素的空白;而在Firefox中,同样的文字实际占用高度为17像素,顶部有1像素空白,底部有3像素空白;Opera等其他浏览器则可能有更不同的表现。 **解决...

    IE6常见bug附解决方法

    在IE6中,块级元素内的图片底部可能会出现额外的空白。 **解决方法**: 1. 为包含图片的元素设置`overflow:hidden`。 2. 将图片的`display`属性设置为`block`。 3. 使用负的`margin`来抵消额外的空白。 #### 十、...

    商用版本文本编辑器DotNetTextBoxV6.0.8Source 源码

    3)修正保存远和图片到本地功能在IE6及IE7的提交BUG。 4)修正上传图片界面中对齐方式不能生效的BUG! 2010/01/15 Version 6.1.4 For VS2005/2008 Updates: 1)加入保存远程图片到本地的功能图标到菜单栏,配置代码为...

    文章管理系统

    5.[纠正]纠正幻灯片下面的广告位和首页栏目广告位宽度少2像素BUG 6.修复其他小细节 2013年03月02日 V2.71更新包 ★更新方式:admin文件夹改成你后台目录名,然后补丁包里的所有文件覆盖进去。 1.关键字管理的地址...

    谷歌浏览器美化版 SVN 2475 (2008.9.23)

    现在的下划线和文字底部有一个像素的距离,显示效果和IE相同,更加美观。 2. 完全绿化,现在网上的安装版或由源代码编译出的“绿化”版本,都会在操作 系统的目录(C:\Documents and Settings\Administrator\...

    网页前端开发小细节

    5. **IE6/7的li底部3px bug**:在IE6和7中,包含浮动元素的li底部会出现额外的3像素边距。解决方法包括给li添加浮动属性或垂直对齐属性。通常推荐使用垂直对齐属性,因为它避免了浮动后清除浮动所带来的额外代码负担...

    IE6与CSS样式兼容问题汇总

    **绝对定位元素的1像素间距bug**,当元素的父级宽度或高度为奇数时,IE6的底部和右侧边界会出现错误。解决方法是为父元素设置精确的宽度和高度。 最后,**3像素间距bug**是指文本后面跟着浮动元素时,IE6会产生3...

    css中margin属性详细分析.pdf

    在实际应用中,需要注意的是垂直外边距合并(也称为外边距重叠),这是一个特殊的CSS现象,当两个相邻的块级元素的顶部或底部margin相遇时,它们可能会合并成一个更大的间距,而不是简单相加。这在处理列表项、段落...

    网页设计与制作(HTML+CSS).docx

    4. 浮动元素与浏览器兼容性:在早期的IE6浏览器中,浮动元素的外边距问题,即“双边距bug”,会导致设置的外边距变为两倍。 5. 内容溢出处理:在CSS中,`overflow`属性用于处理内容超出容器时的行为。`overflow:...

    TearSnow Fan

    TearSnow兼容IE6(IE六效果不是很好)及其他所有主流浏览器,浏览效果在不同内核的浏览器中有不完全一样的效果,不如在360浏览器中侧栏动态效果比较丑,但是其他浏览器都是非常爽的(具体还请自行检测)。...

    仿小米论坛模板 商业版GBK 价值199元.rar

    底部logo为logo.png,覆盖到template\BusinessNews\style\image目录下【注意扩展名为.png】 Diy导入: gbk版本请下载gbk版diy,utf8请下载utf8版diy。 首页页面【portal.php】导入portal-index.xml 频道页面...

    大名鼎鼎SWFUpload- Flash+JS 上传

    在IE中,刷新的时候FLASH无法加载(详细可见我之前的debug过程) 在FireFox中,如果窗口的滚动条没有回滚到顶部,那么Flash无法加载 Race-conditions when files are cached 兼容ASP.Net Forms SWFUpload v2 ...

Global site tag (gtag.js) - Google Analytics