CSS（浮动、盒子模型、样式）

1、浮动
浮动就是让块级标签不独占一行。目的：把块级标签元素可以排在一行上。

2、浮动的原理
让元素脱离文档流，不占用标准流

3、float的属性值
left：左浮动
right：右浮动
none：默认值，不浮动

4、清除浮动
浮动后，后面的元素不会显示在下一行
清除浮动的目的：让后面的元素自动掉到下一行。
方法：

（1）添加空标签，并设置样式：clear:both;
		clear:left; 清除左浮动
		clear:right; 清除右浮动
		clear:both; 清除左右浮动
		clear:none; 左右浮动都不清除
（2）在要清除浮动的父级添加样式：overflow:hidden;
	overflow:hidden; 超出部分隐藏，也可以用来清除浮动
	overflow:sccroll; 内容会被修剪，但是浏览器会显示滚动条以便查看其余内容
	overflow:auto; 不显示超出内容，不剪切，会按照内容是否超出，自动添加，可用作清除浮动
	overflow：visible; 默认值，内容不会被修剪，会程序在元素框外，不剪切也不添加滚动条
（3）使用:after
找到要清除浮动的父级，在后面添加伪元素
父级:after{
	content:'';
	display:block;
	cle