一个div跟随另一个div,但这个div有固定位置

更新时间：2024-12-22 23:40:28

新建一个html文件，命名为test.html，用于讲解如何将一个DIV相对于另外一个DIV进行绝对定位。

2/7

在test.html文件内，使用div创建一个模块，并设置其id为aa，主要用于下面通过该id使用css样式进行设置。

3/7

在test.html文件内，在上一步的div内，再创建一个div模块，并设置其id为bb。

4/7

在css标签内，对两个div进行css样式设置，定义其宽度为200px，高度为200px。

5/7

在css标签内，对id为aa的div进行css样式设置，定义其position位置属性为relative(相对定位)，背景颜色为红色，为了显示明显的效果，这里定义该div距离页面顶部50px。

6/7

在css标签内，对id为bb的div进行css样式设置，定义其position位置属性为absolute(绝对定位)，背景颜色为黄色，距离外部的div左边距离为30px，顶部距离为30px。