CSS设置时，位置POSITON被禁止，如何绕开禁止设置？

Question

微信读书网页版，设置读书笔记位置时，弹出如下提示：

The position: static property prevents right from having an effect.
Try setting position to something other than static.

如何绕开禁止提示，自定义读书笔记的位置？

Answer 1

回答不易 求求您采纳点赞哦 感激不尽

您可以通过更改位置属性的值来解决这个问题。默认的位置属性是 "static"，但它不支持设置 "right" 属性。因此，您需要将位置属性设置为 "relative"、"absolute" 或 "fixed"，以便对 "right" 属性进行设置。

例如，您可以使用以下 CSS 代码设置读书笔记的位置：

.note {
  position: absolute;
  right: 20px;
  top: 20px;
}

这将使读书笔记绝对定位在网页的右上角，并设置了一个 20px 的间距。您可以根据您的需求调整这些值。