布局技巧-margin负值得运用

　　如上图所示，一行包含了五个商品内容。每个商品内容都会有一个1px的边框。如果我们编写css样式，为每个商品内容的盒子添加一个1px的边框，那么就会有一个问题。前一个盒子的右边框和后一个盒子的左边框会挨在一起，导致看上去线条很粗，导致样式不太好看，为了解决这个问题，我们可以使用浮动+margin的负值。

　　亲手实践一下。下面是没有使用负值

ul li{
        float: left;
        width: 150px;
        height: 200px;
        border:  1px solid red;
        list-style: none;
    }

  利用margin负值来解决这个问题。

 ul li{
        float: left;
        width: 150px;
        height: 200px;
        border:  1px solid red;
        list-style: none;
        margin-left: -1px;
    }

 

  最后完美解决！！