700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > ul li 横排(float:left) ie6多出间距【HTML】

ul li 横排(float:left) ie6多出间距【HTML】

时间:2020-01-19 05:58:17

相关推荐

ul li 横排(float:left) ie6多出间距【HTML】

web前端|html教程

ie6,ul,多出,li,横排

web前端-html教程

小甲鱼c 视频源码,vscode和vue,ubuntu egcs,tomcat抓数据,sqlite组成部分,手机版下拉框插件,扁平化ui前端框架,python爬虫网易云榜单,学校网站 php,东莞seo营销方案,杨他他网站系统,网页素材按钮,discuz 特殊贴 模板lzw

.list{width:700px; overflow:hidden; border:solid 1px blue; padding:20px; }ul,li {margin:0; padding:0; list-style:none}ul{border:solid 1px green; display:inline-block; background:#d5d5d5; width:100%;}li{width:250px; height:150px; border:solid 1px red; float:left; margin:15px 0 15px 50px;}无标题文档

dsdddddddddddddddddddddddsdddddddddddddddddddddddsdddddddddddddddddddddddsdddddddddddddddddddddddsdddddddddddddddddddddd

li通过float:left 横排后,ie6中所有的li会距离ul内左边多一倍左右的距离,怎么消除??

音乐工作室网站源码下载,vscode前端实战,安装ubuntu系统操作步骤,对tomcat理解,sqlite 快速查询,网页里面的广告插件,前端框架 vue和ng,python爬虫明星行程,php的文件怎么打开,北京网优化seo公司,自适应展示网站源码,博客网页下载,网上考试系统后台模板,页面模版,crm客户关系管理系统源码下载,织梦数据库在程序那看lzw

回复讨论(解决方案)

广告任务网源码带手机版,ubuntu怎么装gcc,tomcat 服务器端,独立ip爬虫,黑马php39期视频,seo方案提案lzw

给li设置一个display:inline

或者不使用margin,使用padding代替。再或者,不使用浮动。使用inline-block布局。

可以搜索:IE6双外边距的bug,查看一下相关的内容。

因为浮动ie6会产生双倍bug,给ie6加个_display:inline

.list{width:700px; overflow:hidden; border:solid 1px blue; padding:20px; }

去掉你的padding

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。