CSS（二〇）：传统网页布局的三种方式

网页布局的本质—利用CSS来摆放盒子。即把盒子摆放到相应的位置

CSS提供了三种传统（PC端）网页布局方式（简单说，就是盒子如何进行排列顺序）

• 标准流（普通流）
• 浮动
• 定位

这三种方式都是用来摆放盒子的，盒子摆放到合适的位置，布局自然就完成了

注意：实际开发中，一个页面基本包含了这三种布局方式（）

标准流

标准流又叫做普通流或文档流

所谓标椎流：就是标签按照默认方式排列

• 块级元素会独占一行，从上到下顺序排列

  • 常用：div、hr、p、h1~h6、ul、ol、dl、form、table

• 行内元素会从左到右的顺序排列，碰到父元素边缘则自动换行

  • 常用：span、a、i、em等

以上都是标椎流布局，我们前进所学的就是标准流，标椎流是最基本的布局方式

浮动

后面讲

定位

后面讲