将填充应用于延伸到窗口右侧的元素

Question

我有一个HTML元素，它延伸到浏览器窗口的右边，我希望它和文档边缘之间有一些间距。

显而易见的（对我而言）方法是将padding添加到正文中，以便文档中的所有内容都有一些空间。但是，这似乎不适用于超出浏览器宽度的内容。向元素添加margin-right也不起作用。

这个jsfiddle应该非常清楚地说明问题：

https://jsfiddle.net/sccottt/qjajhL05/2/

我觉得我在这里显而易见。

Answer 1

编辑：为身体添加宽度 https://jsfiddle.net/swordys/2cwhudxr/8

<p>
  Scroll that way &rarr;
</p>

<div id="wide-thing">
  I want padding on this side &rarr;
</div>

CSS

body {
  padding: 25px;
  width: 1500px;
}

#wide-thing {
  background-color: #cf0;
  height: 100px;
  width: 100%;
  text-align: right;
}

Answer 2

在这个答案中找到了一个整洁的工作解决方案：https://stackoverflow.com/a/22302368/749635

此代码允许body元素展开以适应其中的任何宽元素：

body {
    float: left;
    min-width: 100%;
}