睿美印象网络欢迎您的到来,并真诚的希望能与您合作!
进入网站
网站首页
关于我们
建站技术
建站策划
服务指南
作品案例
联系我们
此页面上的内容需要较新版本的 Adobe Flash Player。
返回上一页
客服QQ
客服QQ
一切从沟通开始……
IE下li下面空隙问题
作者:睿美印象
网站建设工作室
发布日期:2012-10-17
这个问题也经常遇到,见群里有人问,就写出来。发生情况:当li嵌套其它浮动元素时,在IE下(确切说IE6、IE7下,IE8没发现)占用的高度比实际高度搞出来大约3px,表现为li下面有3px的间隙。看下面代码:
HTML代码
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
需要说明的是,包含浮动元素才会有此bug,上面的span去掉float,运行就不会有。解决办法,让li也浮动。
转载请注明:睿美印象
网站建设工作室
www.ruimeiyx.com
分享到:
已有
0
条评论
暂无评论
第三天 二列和三列布局
IE6 css模拟实现position:fixed
CSS Sprites如何使用重复背景
HTML5版3D实验室二:摄像机、投影、3D旋转及缩放
HTML5网页如何让所有的浏览器都能识别HTML5标签样式
跟KingDZ学HTML5系列:文章索引,未完待续
第十天 div+css网页标准布局实例教程(一)
写出高效整洁的css的13条规则
《精通HTML5编程》第十一章:尚未广泛支持的新特
HTML5视频发展状况
HTML5版3D实验室一:3D游戏与动画编程核心
Windows Internet Explorer 10 开发者指南
《精通HTML5编程》第三章:介绍Audio和Video标签
《精通HTML5编程》第六章:WebSocket API
HTML5多媒体组件的使用——第一部分:视频
img图片元素下多余空白解决方案
睿美印象在线客服
客服部小睿:
设计部小美:
技术海绵哥:
在线淘客服:
淘客服小睿:
淘客服小美: