ul填充不了最顶端，文字float:left不能浮动到最左边

ul填充不了最顶端，文字float:left不能浮动到最左边，不知道什么原因？各位兄弟帮帮忙吧

在.box ul这里加入去掉上外边距和去掉内左边距即可

.box ul{
background-color:red;
width:158px;
height:180px;
list-style:none;
float:left;
margin-top: 0;    /*加入以下两行代码即可*/
padding-left: 0;
}

这是因为ul默认有内外边距