html - 親にパディングが含まれている子のマージンを削除するには?

Question

私が持っているとしましょう、

<div style="padding: 15px; width: 100%;">
   <div style="margin: -15px;; width: 100%;">
       <img src="http://imageshack.us/scaled/landing/51/tigerso.jpg" alt="" style="width: 100%;">
   </div>
</div>

親 div には 15 ピクセルのパディングが含まれており、- 子 div はマージンを使用してこのパディングを削除したかったのですが、機能しません。このフィドルを参照してください。常に水平スクロールバーが表示されます。 http://jsfiddle.net/2GJnG/

Answer 1

2 つの要素のwidthプロパティを削除します。div

<div style="padding: 15px;">
    <div style="margin: -15px;">
        <img src="http://imageshack.us/scaled/landing/51/tigerso.jpg" alt="" style="width: 100%;">
    </div>
</div>

ここでデモを見る > http://jsfiddle.net/2GJnG/5/