CSS教程 CSS定位(position)

时间：2026-04-21 19:30:25

1、新建一个 Position.html 文件，如图所示

2、输入 <!DOCTYPE html> 作用：使用html5的标准，如图所示：

CSS教程 CSS定位(position)

3、输入网页结构的头部和主体，设置title为：CSS定位(position)，如图所示：

CSS教程 CSS定位(position)

4、position：定位的类型，取值，如图所示：

CSS教程 CSS定位(position)

5、position：定位的坐标，如图所示：

CSS教程 CSS定位(position)

6、注意事项：如果只设置了定位类型，并没有指定定位的坐标，在它原来的地方(没有定位前)原封不动，如图所示：

CSS教程 CSS定位(position)