无法弄清楚CSS位置

Question

我的网站上有一个滑块，使用以下代码，它可以在我的计算机屏幕上正确显示。

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

但是，我的手机屏幕上的幻灯片已关闭。但是，当我把位置改为＆＃34;绝对＆＃34;而不是相对的，那么它在我的手机屏幕上是正确的，但在我的电脑屏幕上是左侧。

我做错了什么？

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.

所以为了保持滑块正确你应该使用值为right的CSS属性float，或者你可以使用margin-left属性来做它。

示例：

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