javascript - 将 div 定位到右侧，宽度未定义

Question

我很难解释我的意思，但请耐心等待。首先这是我的 fiddle https://jsfiddle.net/jmajnqej/5/ (由阿齐兹更新)

#freelancewrapper {
width: 100%;
max-width: 1000px;
height: 440px;
background-color: #9D9D9D;
position: absolute;
}

我正在尝试让 freelancewrapper 在没有填充的情况下拥抱屏幕的右侧。无论窗口的宽度如何，它都需要保持连接到屏幕的最右侧。为了使它更复杂，它的父 div contentwrapper 必须保持在原处，并具有相同的宽度和边距。

这里有两种屏幕尺寸的表示法来说明我的意思。 http://imgur.com/a/IkOwx

更新:我当时没有意识到，但这是一个分为两部分的问题。定位它很容易，但获得正确的正确宽度属性却不是。这是我的问题 Trouble defining width of a responsive div .

Answer 1

您所要做的就是将以下 CSS 属性添加到您的元素中:

  position: absolute;
  right:0;

jsFiddle fork

如果您希望 div 在滚动时保持附着在屏幕上，您可以将 absolute 替换为 fixed。

请记住，position: absolute 相对于具有 position:relative 的第一个父标签起作用。默认情况下，该标记将是 body。

还有一件重要的事情要记住，当一个元素被绝对定位时，它将失去它在布局中的空间并悬停在所有元素上。