关于——浮动和清除浮动的笔记

1.overflow 属性 是文本溢出的意思

1. visible 默认值。内容不会被修剪，会呈现在元素框之外
2. hidden 内容会被修剪，并且其余内容是不可见的
3. scroll 内容会被修剪，但是浏览器会显示滚动条
4. auto 如果内容被修剪，则浏览器会显示滚动条

2. 什么是标准文档流**

“标准文档流”（Normal Document Stream），简称“标准流”，
是指在不使用其他与排列和定位相关的特殊CSS规则时，各种元素的排列规则。
从上到下  从左到右

3. 浮动float属性

浮动 left/right/none
    让块元素共处一行
	特点:
    1、浮动的元素总是找它最近的父级元素对齐
	2、加了浮动一定要给浮动的父元素清除浮动
	3、同级元素加浮动，所有的元素都加浮动
    4、行内元素浮动之后会具有行内块元素的特性
        块元素浮动之后也会具有行内块元素的特性

4. 清除浮动clear属性

1、给父元素添加 overflow:hidden
2、给浮动元素同级末尾加空元素  设置：clear:left/right/both
3、.clear:after{content:'';display:block;clear:both;height:0px; visibility:hidden}
	.clear{zoom:1}

总结： 浮动 —> 浮漏特

浮：加了浮动的元素盒子是浮起来的，漂浮在其他的标准流盒子上面。
漏：加了浮动的盒子，不占位置的，它浮起来了，它原来的位置漏 给了标准流的盒子。
特：特别注意，这是特殊的使用，有很多的不好处，使用要谨慎。

display:none	    隐藏元素，位置消失
visibility:hidden	隐藏元素，位置存在

visibility: visible; // 元素正常显示
visibility: hidden; // 隐藏元素