找不到CSS位置

Question

我在我的网站上有一个滑块，并使用下面的代码，它可以正确显示在我的电脑屏幕上。

#featured { background: #000000; height: 300px; overflow: hidden; } 
    div.slide { height: 300px; position: relative; } 

但是，幻灯片在我的手机屏幕上偏左。但是，当我将位置更改为“绝对”而不是相对时，则在我的手机屏幕上显示正确，但在计算机屏幕上显示为左侧。

我在做什么错？

Answer 1

An element with position: relative; is positioned relative to its normal position (which isn't always the same). Check this link to learn more about CSS positioning.

所以要保持你也许应该使用CSS属性与浮动权值滑块向右或者你可以使用属性保证金左做到这一点。

例如：

div.slide { 
height: 300px; 
float: right; //or margin-left: calc(100% - (the_width_of_this_element); 
}