Question

以下是我要做的事情：我有一个包装盒.box-body，我想将margin-left更改为靠近左边缘的所有元素的0。

在我http://jsfiddle.net/8NXMq/6/上的示例中，我希望views.py和context_processors.py的框有margin-left: 0，但其余的保持不变，我想创建额外的类和只是覆盖这个属性，但这不是我想要做的，因为我不知道我将拥有的盒子数量可能是7，可能是20 ....如果你调整盒子的窗口数量一行会改变。

这里是css：

.box-body {
    background: #ddd;  
    width: 700px;
    height: 300px
}

.app-file {
    position: relative;
    float: left;
    margin: 10px 0 0 14px;
    display: inline-block;
    padding: 10px 18px 10px 18px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    background: rgba(255,255,255, 0.9);
    color: rgb(68,68,68);
}

Answer 1

你可以在盒体上添加一个负边距。这样的事情：http://jsfiddle.net/8NXMq/7/

css：

.box-body {
    background: #ddd;  
    width: 714px;
    height: 300px;
    margin-left: -14px;
}

这将导致整个身体框向左移动14px。由于它位于视口之外，因此不可见。请注意，我还在宽度上添加了14px，以使盒子的可见尺寸保持在700px。

如何更改靠近左边缘的元素的左边距

1 个答案: