浮动！

（list-style:none；）去掉li默认的点
右浮动：float：right
左浮动：float：left
clear:both;清除浮动两端所带来的影响
清除浮动方法一
.clear{
clear:both;清除浮动两端所带来的影响
}
/清除浮动方法二/
/* overflow:visible / hidden; scroll/ auto /
/ .box{ /
/ overflow:hidden; //给父元素添加/
/ overflow:auto;
} */

        /*清除浮动的方法三*/
        /* .box{
            height:200px;
        } */

        /*清除浮动方法四  伪类   推荐使用*/
        .box:after{
            content:'';/*在box后面添加内容为空*/
            display:block;/*把添加的内容转换成块元素*/
            clear:both;  /*清除元素两端的浮动*/
                      去掉a标签下划线：text-decoration:none