web前端如何实现一个div固定在某个位置

2024年11月12日 15:11

有3个网友回答

网友（1）：

在前端里面，如何将一个div固定在某个位置，属于css内position定位的内容。position定位属性有五种类型，分别如下：
1.static 定位。html元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。
2.fixed 定位。元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动。
3.relative 定位。相对定位元素的定位是相对其正常位置。
4.absolute 定位。绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于整个页面。
5.sticky 定位。粘性定位是基于用户的滚动位置来定位。它依赖于用户的滚动，在position:relative与position:fixed定位之间切换。

网友（2）：

如下fixed：固定定位；relatvie：相对定位（父元素必须有position属性）；absolute：绝对定位
div{
position:fixed;
top:10px;
left:10px;
}

网友（3）：

使用定位来实现