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

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/