ie6-7下的li内有浮动元素后导致多出了4px的高度的bug

没有仔细的去看原因。稍微搜索了一下，找到了解决方法。哎，知道就行了，样式bug这个东西，深入研究也研究不出啥来。记住就行了

<style type="text/css">
body{margin:0,padding:0;}
ul{height:56px;background:#f1f;}
li{overflow:hidden;list-style:none;height:28px;width:100px;background:#22f;}
div{height:28px;float:left;}
</style><ul><li class="l1"><div></div></li><li></li>
</ul>

代码如上。

简单的ul，li。现在第一个li里放一个div，然后浮动一下div，li之间就有间隔了。
ie8兼容模式以及ie7的情况是li之间多了条空隙。这样li就超出ul了
ie6的情况是，li中间多了条空隙，但是li的高度也同时变小了，然后总li还是在ul里面

具体原因未知；解决办法，
1 给li加上 vertical-algin:middle;
2 或者给li加上浮动。然后再清除。加浮动这个好理解。浮动之后，就不管原来的布局了。就按照浮动流来了。但是这样觉得有些动大了。

转载于:https://www.cnblogs.com/lunalord/archive/2012/05/23/2515155.html

ie6-7下的li内有浮动元素后导致多出了4px的高度的bug相关推荐

IE6、7 a链接内图片加滤镜后导致a标签链接失效问题解决
今天在项目中遇到一个ie6.7浏览器下a链接失效的问题,查询大量资料,最终找到完美的解决方案,如下: 解决方法: 为a标签加样式{*background:url(#);*zoom:1;} 为img外部 ...
定义了浮动元素后margin-bottom失效的解决办法
2019独角兽企业重金招聘Python工程师标准>>> 虽然IE6慢慢的退出市场了,但是还是有必要了解一些兼容问题,让自己的知识有一个更好的沉淀.margin-bottom的bug是 ...
ie6 ie7下使用clear不能将浮动的元素换行问题
在主流浏览器中使用clear方法可以轻松完成浮动元素的换行. 例如: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional ...
linux配置服务器超时退出,Linux下实现不活动用户登录超时后自动登出
摘要: 方法一:通过修改.bashrc或.bash_profile文件来实现通过修改home目录下的.bashrc或.bash_profile文件... 方法一:通过修改.bashrc或.bash_p ...
linux自动登出时间,Linux下实现不活动用户登录超时后自动登出
方法一:通过修改.bashrc或.bash_profile文件来实现通过修改home目录下的.bashrc或.bash_profile文件来实现.这两个文件选择其中一个在末尾加入如下一行,具体操作如 ...
Ubuntu下搜狗拼音输入法在不同窗口切换后总弹出拼音状态框的问题
现象: qt程序在Ubuntu下打开窗口,搜狗拼音输入法在不同窗口切换后总弹出状态框的问题,很是烦人! 解决办法: 1.右上角右键进入配置当前输入法(搜狗): 2.全局配置>>显示高级选项 ...
ie6 ie7下，Li不能自动换行，出现竖排文字现象（PS：li不固定宽度，所有li同一行显示），在ie8却可以...
好久没写CSS,今天又发现一个ie兼容问题. 我需要所有的li在同一行显示,不固定Li的宽度,如果一行排不下,需要自动换行.当然Li的内容长度不同. 必须在li加white-space:nowrap; ...
为什么html中li浮动,相对定位下的绝对定位下的li为什么不能浮动？？
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 .menu{background:url("../images/menu.gif") no-repeat ; width:992px; ...
css兼容性案例：margin-top在IE6/7下失效
又到了利用碎片学习的时间了,看看这个兼容性的小案例,前端开发者经常遇到的问题:margin-top在IE6/7下失效. 一个块级元素,触发了hasLayout(比如设置了宽度高度),并且其前面紧挨着的 ...

ie6-7下的li内有浮动元素后导致多出了4px的高度的bug

ie6-7下的li内有浮动元素后导致多出了4px的高度的bug相关推荐

最新文章

热门文章