html固定定位，悬浮

html中一个子元素的父元素（以固定）不是视口要怎样让该子元素在视口中悬浮。

在 HTML 中，可以使用 CSS 的 position:fixed 属性将子元素设置为固定位置，使其在视口中悬浮。这样做的前提是，父元素的定位属性需要设置为 relative 或 absolute.
例如:

```html
<div style="position:relative;">
  <div style="position:fixed;">子元素</div>
</div>

需要注意的是，如果元素在视口外，其需要通过 top, bottom, left, right 指定具体位置

```html
<div style="position:relative;">
  <div style="position:fixed;top: 10px; left: 10px">子元素</div>
</div>

如果你想要确保你的元素一直在浏览器的视口中，可以使用 CSS sticky 。这种方法可以把元素在它原来应该出现的位置上固定住，但是当它原来位置滚动出视口时，它会跟着视口移动。

<div style="position:relative;">
  <div style="position:sticky;top: 10px;">子元素</div>
</div>