ul里的位置问题

登录

虽然对li设置了浮动，为什么ul（灰色色块）里的li（绿色色块）的不是紧贴左边开始的？

<head>
<style>

div{
width:100%;
height:50px;
background-color:#03F;}

ul{
width:1100px;
height:50px;
background-color:#CCC;
margin:0 auto;}

li{
float:left;
list-style-type:none;
display:block;
height:50px;
padding:0 35px;
text-align:center;
line-height:50px;
background-color:#3FC;}
</style>

<title>无标题文档</title>
</head>

<body>

<div>
<ul>
<li>11111</li>
      <li>11111</li>
      <li>11111</li>
      <li>11111</li>
</ul>

</div>

lori棒棒糖 · 发表于 2018-4-24 18:04:18

因为ul li有一个默认的边距
padding设置为0就可以了

[提问] ul里的位置问题

本帖子中包含更多资源

共1个回复最后回复于 2018-4-24 18:04

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[提问] ul里的位置问题

本帖子中包含更多资源

共1个回复 最后回复于 2018-4-24 18:04

共1个回复最后回复于 2018-4-24 18:04