浮动和清楚浮动的使用
开发工具与关键技术：DW 2017
作者：陈隆
撰写时间：2019年01月27日
首先我来创建一个HTML文件把测试要用到的内容写到HTML页面上，写一个大的div盒子装着三个小的盒子里面再放个数字来分清楚这几个盒子的位置，然后测试这个浮动的功能到底是怎么样的，（HTML代码具体看下图）
写好HTML部分后再来创建一个CSS写一些样式，先把创建好的CSS文件引入到HTML页面中，引用代码写在head中就可以了，引用代码<link rel="stylesheet" href="css/com.css">，
然后再把需要的样式写好就行了，用三个盒子来测试浮动的使用（样式的具体代码看下图）
下图是没使用浮动的情况
这时就是需要用float: left;左浮动来把这几个盒子浮动到一行去（效果看下图）
清楚浮动就是当在子元素使用浮动后父元素就不会被撑大，这样父元素就需要用到清楚浮动。