h5(html5)+css3前端笔记六
浮动
1.1传统网页布局的三种方式
普通流、浮动、定位
网页布局的本质一一用CSS来摆放盒子。把盒子摆放到相应位置
1.2标准流(普通流/文档流)
- 块级元素会独占一行,从上向下顺序排列。
常用元素: div、hr、p、h1~h6、ul、ol、dl、form、table - 行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行.
常用元素:span、a、i、em等
以上都是标准流布局,我们前面学习的就是标准流,标准流是最基本的布局方式
1.3为什么需要浮动
如何让多个div块级盒子水平排列成一行
如何实现两个盒子的左对齐和右对齐
1.4什么是浮动
.left
.right {
float: left;
}