HTML 网站布局

参考：HTML 布局 | 菜鸟教程

1、布局标签：div 和 span

<div> 是块级元素，独占一行，默认占满父容器宽度，可设置宽\高\边距等样式属性。

<span> 是内联元素，和其他内联元素或文本在同一行，宽度取决于内容，不会自动拓宽。

2、标签的用法

<div> 用于划分页面区域，构建页面宏观结构，多个 <div> 垂直堆叠，构建分层式布局。

<span> 用于在文本内部精细操作、修饰小范围的文本，不改变文本流向。

3、案例：

下面使用五个 div 元素划分页面：