忽略使用auto的父div的边距

时间:2013-11-05 22:55:41

标签: css html

我想在这种情况下让div忽略其父div的边距:
HTML:

    <div class="wrap">
        I'm annoying!
        <div class="myown"> I don't want to have that annoying guy's margin! </div>
    </div>

css:

    .wrap {width: 200px; margin: 0 auto;} /* Do not change */
    .myown{margin: 0;}

我发现了这个answer,但它仍然不起作用! 这是在跑步时:http://jsfiddle.net/KYbq3/2/
在我的情况下,我无法更改.wrap,只能更改.myown

1 个答案:

答案 0 :(得分:0)

如果您希望它“突破”容器,那么您唯一的选择似乎是position: absolute;。它的问题在于它使元素脱离自然流动。

.myown{ 
    position: absolute; 
    left: 0; 
    width: 100%; 
}

Check the demo