浮动：

float:left/right/none;

主要功能：让块元素排一在一排！！！！

特性：
    1.根据浮动方向，可以改变块元素的排列顺序
    2.加了浮动，行内元素就变成块元素
    3.加了浮动不写固定宽高的时候，默认内容宽高
    4.加了浮动就半脱离文档流（但是还是会把标签里面的内容给挤出来）

注意：
    5.只要给子级加了浮动一定要给父级清除浮动！(一个没有设高的父级里面子级加了浮动以后，父级就没有高了！)

清除浮动方法：给父级加一个overflow：hidden；--溢出隐藏！

6.浮动元素必须包在一个单独的div！（一个父级里面有一个是浮动元素，其他的也必须都是浮动元素）

7.父级元素里面的所有子级浮动元素超出父级宽度，会从第二排开始排列！

写页面步骤

从大到小
从外到内
从上到下
从左到右

<link rel="stylesheet" href="css/base.css"/>

给html页面引入一个css文件