如何删除父元素包含一些填充的子元素的页边距？

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

删除两个div元素的width属性：

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