页面布局——浮动布局

**

页面布局——浮动布局

浮动布局是页面的一种重要布局方式
它使用float属性为元素开启浮动，float属性的可选值有left、right、none
none 是默认值，即不开启浮动
left 向左浮动，靠父元素的左边浮动
right 向右浮动，靠父元素右边浮动

元素浮动前位于文档流中的特点

块级元素（block）：在文档流中独占一行，宽度默认是父级的宽度，高度默认由内容撑开，可为其自定义设置宽高；

行内元素（inline）：在文档流中不独占一行，宽和高都默认由内容撑开，且不可为其自定义设置宽高；

行内块元素（inline-block）：在文档流中不独占一行，宽和高都默认由内容撑开，可为其自定义设置宽高；

元素浮动后的特点

1. 浮动元素完全脱离文档流，不再占据文档流中的位置

块级元素（block）、行内元素（inline）、行内块元素（inline-block）脱离文档流的特点：
不再独占一行，宽高默认由内容撑开，但可以为其自定义设置宽高，即均呈现行内块元素（inline-blockÿ