Question

我将无法解释我的意思，但要忍受我。首先，这是我的小提琴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。

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

Answer 2

我无法告诉您达到预期效果所需的确切价值。我会建议你做什么样的风格和响应＆＃34;从移动的第一种方法开始1.更容易达到屏幕尺寸然后缩小尺寸。

要进一步回答您的问题，请尝试使用相对单位。你的宽度例如是100％这是相对的。但是，不要使用像素，而是尝试使用 em 。

每~16 px（不精确）是1.0 em 。

此外，您可以使用 position：absolute;

祝你好运。

Answer 3

就像Paulie_D说你可以使用职位

<强> CSS

.contentwrapper {
    width: calc(100% - 190px);
    max-width: 1160px;
    margin-top: 50px;
    margin-left: 40px;
    position: absolute;
    right:0;
}

<强> DEMO HERE

Answer 4

您可以在<div class='contentwrapper'>

上使用负右边距

.contentwrapper{
    margin-right: -48px;
}

https://jsfiddle.net/linkers/jmajnqej/3/

将div定位在右侧，宽度不确定

4 个答案: