Html css右键:5%不是父元素,而是窗口的%';s宽度

Html css右键:5%不是父元素,而是窗口的%';s宽度,html,css,positioning,Html,Css,Positioning,我用8张不同的图片制作了一个滑块。 在每张照片上,我都写了一个标题 我正在尝试使用css代码设置此标题: .tp-caption{right:5%} 我的“.tp caption”div不在屏幕上。 我了解到5%是相对于父元素属性的 在我的例子中,父元素是大于窗口宽度的图片(图片居中) 你知道我是否可以指定窗口屏幕的5%吗 我试着用右边空白,浮动:也对。。。但问题总是一样的 感谢您的帮助如上所述,right属性仅应用于定位元素 因此,要使正确有效,标题元素必须包含位置的值之一,如相对、绝对或固

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

我正在尝试使用css代码设置此标题:

.tp-caption{right:5%}
我的“.tp caption”div不在屏幕上。 我了解到5%是相对于父元素属性的

在我的例子中,父元素是大于窗口宽度的图片(图片居中)

你知道我是否可以指定窗口屏幕的5%吗

我试着用右边空白,浮动:也对。。。但问题总是一样的


感谢您的帮助

如上所述,
right
属性仅应用于定位元素

因此,要使
正确
有效,标题元素必须包含
位置
的值之一,如
相对
绝对
固定


没错,
偏移量将相对于元素的父元素。如果希望它相对于窗口的视口,则应在元素上使用
位置:fixed
,将元素从文档的自然流中移除,并使其仅受制于视口。

您的.tp caption div是绝对定位的吗?您可以共享完整的代码,或者使用“”创建一组代码吗?那会更有帮助!!!当且仅当父元素已定位时,百分比(%)相对于父元素的宽度!这意味着它需要有一个“绝对”、“相对”或“固定”的位置。