在浏览购物网站时，常会看到导航栏始终固定在页面顶部，不随滚动而移动。这种效果通过CSS中的固定定位实现。只需将元素的position属性设为fixed，并指定其位置即可。
1、 在HTML页面中创建四个div元素，分别赋予one、two、three和fix类名，名称可自定义。其中，前三个div用于扩展页面内容，使页面高度足够，从而更清晰地展示固定定位的实际效果，便于深入理解其布局特性与使用场景。
2、 接下来将统一设置one、two、three的CSS样式，主要包括宽度和高度属性值。
3、 接着为one、two、three分别设定颜色属性，我将其依次设为红色、绿色和蓝色。
4、 设置完成后，预览三个div的显示效果，可见三个颜色各异的div，其叠加高度已超过浏览器窗口的可视区域。
5、 将fix类的属性设置为宽高各50像素，背景颜色调整为黄色。
6、 页面中已出现一个小方块。
