ウィンドウを超えて右に伸びる要素にパディングを適用する

Question

ブラウザウィンドウを超えて右に伸びるHTML要素があります。

明白な（私には）アプローチは、paddingを本文に追加して、文書内のすべての部分にスペースができるようにすることです。しかし、それはブラウザの幅を超えて広がるものでは機能しないようです。要素にmargin-rightを追加しても機能しません。

このjsfiddleはかなり問題を明確に説明する必要があります

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

を私はここに明らかに何かに間隔てるように私は感じます。

Answer 1

EDIT：体に幅を追加 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%; 
}