css right：不是父元素的5％，而是窗口宽度的％

Question

我用8张不同的图片制作了一个滑块。 在每张照片上，我都写了标题。

我正在尝试使用CSS代码设置此标题：

.tp-caption{right:5%}

我的“ .tp-caption” div在屏幕外。 我读到5％是相对于父元素属性而言的。

在我的情况下，父元素是我的图片，它大于窗口的宽度（图片居中）

您知道我是否可以指定5％的窗口屏幕吗？

我尝试使用margin-right，float：right也是...但是总是相同的问题

谢谢您的帮助

Answer 1

如MDN文档所述， right属性仅适用于定位的元素

因此，为了使right生效，您的标题元素必须包含position的值之一，例如relative ， absolute或fixed 。

的确， right偏移量将相对于元素的父级。 如果要使其相对于窗口的视口，则应使用position: fixed在元素上，该元素从文档的自然流中删除，并使它仅受视口的影响。