对超出 window 向右延伸的元素应用填充

Question

我有一个 HTML 元素向右延伸到浏览器 window 之外，我希望它与文档边缘之间有一些间距。

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

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

我觉得我在这里有明显的间隔。

Answer 1

<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

在这个答案中找到了一个简洁的工作解决方案：

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

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

Apply padding to elements that extend beyond the window to the right