论坛

标题: ul里的位置问题 [打印本页]

作者: 小驼背 时间: 2018-4-22 20:19
标题: 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
因为ul li有一个默认的边距
padding设置为0就可以了

欢迎光临论坛 (http://bbs.qinxue.com/)