css固定定位

作者：硝烟发布日期:2026-06-22 浏览:121

/* 固定定位示例 */

.fixed-box {
  position: fixed; /* 设置元素为固定定位 */
  top: 10px;       /* 距离浏览器窗口顶部的距离 */
  left: 10px;      /* 距离浏览器窗口左侧的距离 */
  width: 200px;    /* 设置宽度 */
  height: 100px;   /* 设置高度 */
  background-color: lightblue; /* 设置背景颜色 */
}

/* 解释说明：
- `position: fixed;`：将元素的位置设置为相对于浏览器窗口固定，不会随着页面滚动而移动。
- `top`, `left`, `bottom`, `right`：用于指定元素距离浏览器窗口四个边缘的距离。
- 其他样式（如宽度、高度、背景颜色）可以根据需要进行调整。 */

上一篇：css超出显示省略号

下一篇：css浮动