div中的li为什么与左边框间有距离？？？ 10
代码如下：<style>div{padding:10px;margin:10pxauto;height:auto;width:520px;border:solid2px#...
代码如下：
<style>
div{
padding: 10px;
margin: 10px auto;
height: auto;
width: 520px;
border: solid 2px #FF0000;
overflow: hidden;
text-align: left;
}
ul{list-style:none;margin:0px;padding：0px}
li{float: left;}
</style>
</head>
<body>
<div>
<ul>
<li style="float:none;">首页</li>
<li>论坛</li>
<li style="float:right">我的博客</li>
</ul>
</div>
</body>
初学div+css请大家指教！ 展开
<style>
div{
padding: 10px;
margin: 10px auto;
height: auto;
width: 520px;
border: solid 2px #FF0000;
overflow: hidden;
text-align: left;
}
ul{list-style:none;margin:0px;padding：0px}
li{float: left;}
</style>
</head>
<body>
<div>
<ul>
<li style="float:none;">首页</li>
<li>论坛</li>
<li style="float:right">我的博客</li>
</ul>
</div>
</body>
初学div+css请大家指教！ 展开
展开全部
body 填充，div的填充导致。把代码改成下面的就行了
<style>
body{
padding:0;
margin:0;
}
div{
padding:0;
margin: 0 auto;
height: auto;
width: 520px;
border: solid 2px #FF0000;
overflow: hidden;
text-align: left;
}
ul{list-style:none;margin:0px;padding：0px}
li{float: left;}
</style>
</head>
<body>
<div>
<ul>
<li style="float:none;">首页</li>
<li>论坛</li>
<li style="float:right">我的博客</li>
</ul>
</div>
</body>
追问
还是没用啊？？？但如果把body{margin:0;padding:0}换成*{margin:0;padding:0}就可以了。
这到底是为什么啊？？？
追答
首先我先感谢你的问题让我给我自己补充一点知识。
刚开始我没看清代码，以为那个红色的框是你画上去的。所以把body 的代码写出来了，不好意思！
现在开始解决问题，
1.有距离在那里，说明有某种标签的内填充（padding）或外填充（margin），所以要找到那些标签，给这些标签都写上margin:0;padding:0；可去除填充；
2.为什么*{margin:0;padding:0}就可以解决？因为*是表示所有标签的意思，写一个这代码当然可以去除所有填充，最好不要用这中写法，因为会影响到其它的标签；
3.当我用谷歌浏览的代码查看器去查看时看到ul里面有一个很不常见的属性带有40px的填充，它就是-webkit-padding-start；所以：
解决方法是：
把ul{list-style:none;margin:0px;padding：0px}改为ul{list-style:none;margin:0px;padding：0px；-webkit-padding-start:0;}即可；
4.估计你是用谷歌浏览。去上网查了一下，webkit内核的浏览器才有这个属性，谷歌就是这个内核；用IE浏览器浏览是不会出现距离的；
希望你已经理解了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接初始化：
*{margin:0px;padding:0px;}将这个代码加入css内首行，这样就不会出现间距了。也不用每次都设置padding和margin了
希望帮助到你
*{margin:0px;padding:0px;}将这个代码加入css内首行，这样就不会出现间距了。也不用每次都设置padding和margin了
希望帮助到你
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你把ul加个css ul{margin:0;} 这样就不会错啦 因为ul会有一个默认的margin-left的值
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
那是外部DIV的padding
不是LI的margin
不是LI的margin
追问
说明白点。。“那是”是指什么？？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
由padding:10px;产生了左侧的空隙
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
