找不到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); 
}