html - 对超出窗口右侧的元素应用填充

Question

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

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

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

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

我觉得我在这里明显地间隔了一些东西。

Answer 1

编辑:增加 body 的宽度 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;
}