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 包含 15px 填充，并且 - 子 div 想通过使用边距删除此填充，但它不起作用。看到这个小提琴。它总是向我展示一个水平滚动条。 http://jsfiddle.net/2GJnG/

Answer 1

删除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/