IE6下浮动li下的a标签设置display:block后的BUG
2013-08-22 18:03
381 查看
经常遇到这个问题,但没记下来,今天同事TC问到,我就想如果记下来了 就可以直接发网址过去了。哈 所以还是要坚持总结。
对li设置了float:left
a标签需要自动宽度,写width:auto属性,加display:block IE6+支持了a标签的自动宽度,但是IE6不支持,
如果a设置了height或者用zoom:1;都会使其触发layout a就是一整行,无法自适应宽度
【解决方法】
1.a不设置display:block(即也不设置宽高了);
2.a 也float:left起来
3.a使用display:inline-block;不使用display:block
4.如果能够定宽,设置定宽也可以不换行,但就不能自适应了
<ul class="clearfix"> <li><a href="">0001</a></li> <li><a href="">0002</a></li> <li><a href="">0003</a></li> <li><a href="">0004</a></li> <li><a href="">0005</a></li> </ul>
对li设置了float:left
a标签需要自动宽度,写width:auto属性,加display:block IE6+支持了a标签的自动宽度,但是IE6不支持,
如果a设置了height或者用zoom:1;都会使其触发layout a就是一整行,无法自适应宽度
【解决方法】
1.a不设置display:block(即也不设置宽高了);
2.a 也float:left起来
3.a使用display:inline-block;不使用display:block
4.如果能够定宽,设置定宽也可以不换行,但就不能自适应了
相关文章推荐
- IE6下a标签设置display:block后的BUG
- li标签的display的inline-block在IE6中的显示问题
- (记录问题)li设置display:inline-block;出现缝隙?
- IE6、7下块级元素设置display:inline-block不换行的解决办法
- display:block; 块级元素。<a>,<span>标签设置宽度和高度
- 列表中li标签设置margin在IE6和IE7中第一个行失效的解决方法
- 【IE6的疯狂之六】li在IE中底部3像素的BUG(增加浮动解决问题)
- 【IE6的疯狂之六】li在IE中底部3像素的BUG(增加浮动解决问题)
- ie下a标签没有背景图设置display:block以及宽高;不能铺满盒子
- [极度郁闷]li标签加上display:inline后空格BUG
- li 中a标签浮动在ie下造成的bug
- IE6下li中span元素右浮动的BUG解决方案(其他的类似)
- IE6和7下text-indent导致inline-block标签消失的bug
- 定义label标签宽度需要设置display:inline-block;
- html使用display:inline-block实现标签右对齐,值左对齐效果。和设置div宽度,并居中显示。嵌套div的里层div文字居中显示
- 给<legend>标签设置display:none;在ie6,7搜狗浏览器不成功
- IE6中a标签同时使用inline-block与text-indent时出现的BUG
- ie6-7下的li内有浮动元素后导致多出了4px的高度的bug
- 关于IE6下Li标签左边多出宽16pxBUG的问题
- bootstrap table中的行tr标签设置display:block后行样式错乱问题