CSS第四节（第八天）

1.浮动原理

2.内容溢出处理

---

1.浮动原理

标准流

*从上往下排布，从左往右排布

浮动特性

*浮动脱离标准流，不占位置，但会影响标准流，浮动只有左右浮动

*浮动的元素A排列位置，跟上一个元素（块级）有关系，如果上一个元素有浮动，则A元素顶部会和上一个元素的顶部对齐；如果上一个元素是标准流，则A元素的定不会和上一个元素的底部对齐

*元素添加浮动后，如果没有设置宽高的话，元素会具有行内块元素的特性，元素的大小完全取决于定义的大小或着默认的内容多少，也就具有了包裹性

*浮动具有破坏性，元素浮动性，破坏来源于正常流布局，造成内容塌陷

2.内容溢出

overflow属性的常用值

*visible：内容不会被修剪，会呈现在元素元素框之外

*hideen：溢出内容会被修剪，并且被修剪的内容是不可见的

*auto：在需要的时候显示滚动条，即自适应所要显示的内容

*scroll：溢出内容会被修剪，且浏览器会始终显示滚动条