0

これが私がやろうとしていることです：私はラッパーボックスを持っていて、左端に近いすべての要素に変更し.box-bodyたいと思います。margin-left0

http://jsfiddle.net/8NXMq/6/の私の例では、ボックスにviews.pyとcontext_processors.pyを付けたいのですmargin-left: 0が、残りは同じままです。追加のクラスを作成してこのプロパティをオーバーライドすることを考えていましたが、それは私が望むものではありません。ボックスの数がわからないので、7になる可能性があり、20になる可能性があります。さらに、ウィンドウのサイズを変更すると、1行のボックスの数が変わります。

ここに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;
}

これにより、ボディ ボックス全体が左に 14px 移動します。ビューポートの外にあるため、これは表示されません。また、ボックスの表示サイズを 700px に保つために、幅に 14px を追加したことに注意してください。

于 2013-01-19T18:58:17.320 に答える