如何删除父包含一些填充的子边距?

时间:2013-01-14 11:30:46

标签: html css

让我说我有,

<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想要使用margin删除此填充但它不起作用。看到这个小提琴。它总是向我展示一个水平滚动条。 http://jsfiddle.net/2GJnG/

1 个答案:

答案 0 :(得分:3)

删除两个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>

在此处查看演示&gt; http://jsfiddle.net/2GJnG/5/