0

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

在我在http://jsfiddle.net/8NXMq/6/views.py上的示例中，我想要带有和context_processors.pyto have的盒子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);
}
4

1 回答 1

1

您可以在框体左侧添加一个负边距。像这样的东西：http: //jsfiddle.net/8NXMq/7/

CSS：

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

This will cause the entire body box to move 14px to the left. Since it is outside the viewport, this will not be visible. Note that i also added 14px to the width to keep the visible size of the box at 700px.

于 2013-01-19T18:58:17.320 回答