<div class="parent-container"> <button class="bt-read">续读</button></div>.parent-container{ margin-left: 20rpx; /* 父容器必须是相对定位，子容器的绝对定位才能达到预想效果 */ position: rela... 相对于其源文档流的位置进行定位,没有脱离文档流. 通俗地讲就是相对于以前的位置进行偏移. 也就是如果你不写 position : re lative 的值 元素 处在页面的位置时,这个就是以前位置,加上top后发生的距离以前的位置的偏移. position : absolute 相对于最近的一个 父 元素 设置了 position : re lative 的进行定位,子绝 父 相 参考:https://segmentfault.com/a/1190000017756571 在不用flex、grid等布局的前提下，有些时候我们希望将一个 元素 不占位定位到某一个地方，比如说居右，由于要求 元素 不占位，所以float: right也不能完成需求。 有一个简易的解决办法，下面是样式sample： . absolute -right { position : absolute ; right: 50%; 这边的right: 50%是 父 元素 宽度的50%，相当于把这个 元素 置于 父 元素 的中间，这边还需要注意的是考虑 元素 的width。这个方法不管屏幕分辨率是多少都是可以做到定位 如果想让 父 级 元素 在子 元素 之上，即z-index：100;       子 元素 为z-index:90，这样是不行的，因为子 元素 始终都是在 父 级 元素 之内，且会一直在 父 元素 之上，而不管它的z-index是不是比 父 级 元素 的小。 但是我又想让 父 元素 在子 元素 之上又该 怎么办呢？ left: 50%; // 设置左边距为 父 元素 宽度的50% transform: translateX(-50%); // 将 元素 向左移动该 元素 宽度的50%, 即使子 元素 的宽度大于 父 元素 宽度， 二 者依然可以保持中心线对齐 假设有这样的 元素 <div class="parent"> <div class="child"></d...