margin-right负值的使用

在某些布局当中，.test这个块必须包含在.main这个块中，而同时要达到如下图的效果，则可以使用margin-right负值

<div class="main">
    <div class="test"></div>
</div>

.main {
    background: #ccc;
    width: 400px;
    height: 200px;
}
.test {
    background: #404040;
    height: 100px;
    margin-right: -20px; 
}