浮动！

（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

作者：TianMeng1
链接：https://www.jianshu.com/p/b586ea9f6d0a
来源：
著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。