css浮动布局

1.css布局

1.1标准流排版方式

标准流处在网页的最底层，表示的是一个页面中的位置，我们所创建的元素默认在标准流中

元素在标准流的特点

块元素会独占一行，由上自下向下排列，默认宽度是父元素的100%，高度默认被元素撑开

内联元素只会占自身的大小，默认从左向右 排列，若一行不够，则默认从下一行开始排列，他的高度宽度都是默认被内容撑开的

若希望块级元素在页面中水平排列，使元素脱离标准流使用float设置元素浮动

取值为 none，默认值，元素默认在标准流(⽂档流/普通流)中排列

           left ，元素会立即脱离标准流， 向页面的左侧浮动

           right ，元素会立即脱离标准流 ，向