一，今日学习内容
1.传统网页布局的三种方式
标准流
标准流就是标签展昭规定好的默认顺序方式排列
块级元素会独占一行，从上到下顺序排列
行内元素会按照顺序，从左到右进行排列，碰到父元素的边缘会自动换行
浮动
为什么需要浮动
有很多情况是标准流不好完成或者无法完成的布局，此时使用浮动会更加方便，浮动可以改变元素标签默认的排列方式。
浮动的最典型的应用
可以让多个块级元素一行内排列显示
网页布局的准则：
多个块级纵向排列找标准流，多个块级元素横向排列找浮动
浮动的语法：
float属性可以创建浮动
属性值：
left：元素向左浮动
right：元素向右浮动
none：元素不浮动（默认值）
浮动的特性
1、浮动的元素会脱离标准流（脱标）
2、浮动元素会一行内显示并且元素顶部对齐
3、浮动元素会具有行内块元素的特性
4、浮动的元素不会压住下面盒子的文字内容，因为浮动的特性就是为了做到文字环绕的
5、浮动的元素之间默认是没有空隙的
|
