最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
IE7浏览器中li底部多出4px Bug怎么办
时间:2014-02-18 编辑:简简单单 来源:一聚教程网
效果如下
我们在页面布局时,很多时候都要使用ul、li元素,但有些布局方式在低版本的ie上却会出现bug,如4px的错位,如图:
jquery18202064453934483218="8" alt='IE7浏览器中li底部多出4px Bug怎么办' />
为什么会出现这种bug,其实是由于li内放了块级元素,并且这些块级元素浮动引起的。
对于这种情况,解决的方法有很多,如设置负的margin、用其他标签代替li等,但这要么需要使用hack或者是条件注释,要么就破坏了结构及语义。
现在,这里有一种简单的解决办法,那就是,在浮动的子元素上加一个vertical-align属性,取值可以为top、middle、bottom,三者均可,这样4px的bug就可以解决了。
一聚教程小编提醒你
这个bug其实是自己操作出来的,bug 不过觉得完全可以不用浮动吗 用inline-block,img,p都inline-block之后再加上vertical-align:middle基本就可以解决了
-
下一个: css中页面布局清除浮动的方法
相关文章
- IE浏览器的IEXPLORE.EXE进程数量过多的解决办法? 08-05
- 多种判断是否为ie浏览器代码 05-25
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26