浮动(盒子模型，浮动)

盒子溢出

Box-sizing：设置盒模型宽高

标准盒模型宽=内容的宽度 */
怪异盒模型宽=内容的宽度+内边距（border）的宽（左+右）+边框线（）paading宽（左+右）
box-sizing:content-box;默认 标准盒模型
box-sizing: border-box; 怪异模型
透明度设定： opacity: ## Box-sizing：

盒模型鼠标悬浮效果：

div:hover{ cursor: pointer;（鼠标悬浮时是手型）
hand 是手型
crosshair 是十字型

盒子溢出设置

1.·overflow 如果内容溢出了元素内容区域，是否对内容的边缘进行裁剪
2.·overflow-x 如果内容溢出了元素内容区域，是否对内容的左/右边缘进行裁剪
3.·overflow-y 如果内容溢出了元素内容区域，是否对内容的上/下边缘行裁剪属性：visible 不裁剪内容，可能会显示在内容框之外。
4.hidden 裁剪内容-不提供滚动机制。
5.scroll 裁剪内容 - 提供滚动机制。
6.auto 如果溢出框，则应该提供滚动机制
7.display:none;隐藏的意思

浮动

浮动：float使用浮动元素变成了行内块元素
文档流: 包含元素的布局，高宽，背景颜色等等
文本流:包含文字元素内容
左浮：不脱离文本流，脱离文档流
右浮：脱离文本流，脱离文档流

浮动带来的问题

使用了浮动，对自身的影响（脱离文档流，形成了行内块元素，有了可以设置宽高的属性）对兄弟元素造成影响（导致兄弟元素的布局紊乱，产生布局重叠），对父容器也造成了影响（如果子元素全部浮动，父容器坍塌） 

清除浮动

1.给父容器添加高度 （不推荐）
2.给使用元素的后面添加空的块元素，添加clear：both
3.通过after 伪类 给他的父级添加after伪类，设置content， 添加display：block，然后添加clear：both

4.在父容器上添加溢出隐藏属性：overflow:hidden(不建议用)