如何删除父母包含一些填充的孩子的边距？

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的填充和 - 子格想用保证金来消除这种填充，但它不工作。看到这个小提琴。它总是向我展示一个水平滚动条。 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/