2013-01-19 98 views
0

這裏元素的保證金左是我想要做的事: 我有一個包裝盒.box-body和我想改變margin-left到接近所有元素的0左邊緣。如何更改接近左邊緣

在我的例子上http://jsfiddle.net/8NXMq/6/我想views.pycontext_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); 
} 
+1

不是100%確定你的意思。 'context_processors.py'框不靠近左邊緣,它一直在右邊。是你想使用margin-left:容器上的-10px也許? –

+0

正如您所說的,您可以使用'margin-left:0px'樣式向_div_添加一個新的_class_。嘗試爲每行使用_fixed width_以使您生效。 – Vucko

回答

1

你可以只添加留給盒體陰性切緣。事情是這樣的:http://jsfiddle.net/8NXMq/7/

CSS:

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

這將導致整個身體框14px的向左移動。由於它位於視口之外,因此它將不可見。請注意,我還在寬度上添加了14px,以將框的可見大小保持在700px。

+0

太棒了!這正是我所期待的 – Vor