今天在修改自己网站首页模板的时候发现一段LI前面老是出现一定距离的缩进（如下图），老朋友碰到了新问题，通过设置 li的list-style,margin,padding等属性仍旧如故，真是搞得头都大一圈。

试了很多办法不管怎么设置都无法去除，因为导入了Bootstrap等前端框架，一度以为是冲突引起的问题，花了大半天时间都未能解决问题，即查看浏览器调试，但没有发现影响布局的其它CSS代码，没办法了，只好问度娘，突然发现一个大家可能都会忽略的问题：那就是前面我们设置的LI的属性需针对UL设置才能起效果！

代码：

.box-body ul{
    list-style-type:none;
    padding:0;
    margin:0;
}
.box-body ul li{
    float: left;
    width: 50%;
    height: 176px;
    text-align: center;
    border:1px solid #eee;
    background:#fff;
}