如何改变HTML DOM元素的派生位置？

要改变HTML DOM元素的派生位置，可以使用CSS的position属性以及对应的属性值来实现。

CSS中的position属性有以下几个取值：

1. static：默认值，元素按照文档流进行排列，不受top、right、bottom、left属性的影响。
2. relative：相对定位，通过设置top、right、bottom、left属性来相对于元素原本位置进行位置偏移，不影响其他元素的位置。
3. absolute：绝对定位，通过设置top、right、bottom、left属性来相对于最近的已定位父元素进行位置偏移，若没有已定位的父元素，则相对于最初的包含块进行偏移。该定位方式会导致元素脱离文档流，其他元素会以该元素脱离文档流前的位置进行排列。
4. fixed：固定定位，通过设置top、right、bottom、left属性来相对于浏览器窗口进行位置偏移，该定位方式会导致元素脱离文档流，其他元素会以该元素脱离文档流前的位置进行排列。
5. sticky：粘性定位，在跨越特定阈值前（比如滚动时），元素按照正常文档流排列，之后则会变为fixed定位。通过设置top、right、bottom、left属性来定义阈值及位置偏移。

通过设置元素的position属性为relative、absolute、fixed或sticky，再结合top、right、bottom、left属性，即可改变HTML DOM元素的派生位置。

举例来说，如果要将一个元素相对于原本位置向右移动20像素，可以给该元素添加如下的CSS样式：

.element {
  position: relative;
  left: 20px;
}

如果要将一个元素固定在窗口的右下角，可以给该元素添加如下的CSS样式：

.element {
  position: fixed;
  bottom: 0;
  right: 0;
}

注意，以上只是改变元素位置的基本示例，具体应用场景会根据实际需求而不同。关于腾讯云的相关产品和产品介绍链接地址，请访问腾讯云官方网站获取更多信息。