html div如何固定位置不变

在HTML中，要使`div`元素固定位置不变，可以使用CSS的定位属性。以下是一些常用的方法：

1. 使用`position: fixed;`属性

当你给`div`应用`position: fixed;`属性时，它会相对于浏览器窗口进行定位，即使页面滚动，`div`也会保持在页面的同一位置。

```html

```

在这个例子中，`div`会固定在页面左上角距离20像素的位置。

2. 使用`position: absolute;`属性

当`div`的父元素设置了`position: relative;`或`position: absolute;`，并且`div`的`top`、`right`、`bottom`、`left`属性被设置为相对于父元素的百分比或像素值时，`div`也会固定在相对于父元素的位置。

```html

```

在这个例子中，`div`会相对于设置了`position: relative;`的父元素固定在左上角。

3. 使用`position: sticky;`属性

`position: sticky;`是一个相对较新的CSS属性，它结合了`position: relative;`和`position: fixed;`的特性。当元素滚动到某个位置时，它会“粘”在页面上，就像`position: fixed;`一样，但只有在滚动到该位置之前才会固定。

```html

```

在这个例子中，`div`会固定在距离顶部20像素的位置，直到滚动到该位置。

选择哪种方法取决于你的具体需求。`position: fixed;`是最常用的，因为它提供了最大的灵活性，并且可以确保`div`在所有浏览器中都能正常工作。