浮動元素的邊際增加

Question

我有一個.container，因爲有n個（left-block和right-block）div。
left-block左移，right-block右移。 但我不是第一次left-block和right-block和第二left-block和right-block
這裏後獲得保證金是一個演示：JSBin

Answer 1

添加margin-top到.left-block以及.right-block

Demo

.left-block { 
    float:left; 
    border:solid #CCC 1px; 
    width:350px; 
    height:125px; 
    background:transparent; 
    clear: right; 
    margin-top: 10px; 
    //position:relative; 
} 

.right-block { 
    float:right; 
    border:solid #CCC 1px; 
    width:350px; 
    height:125px; 
    background:transparent; 
    clear:right; 
    //position:relative; 
    margin-top: 10px; 
} 

PS刪除<br />標籤，它們是不是必需的。

---

以上將增加10pxmargin以機頂盒爲好，序擺脫它，使用下面的選擇。

.container > div:nth-of-type(1) { 
    margin-top: 0; 
} 

.container > div:nth-of-type(2) { 
    margin-top: 0; 
} 

Answer 2

http://jsbin.com/ayiziNa/7/

你必須要小心浮動元素，因爲他們成爲inline元素 - 你可能想將其定義爲inline-block第一，所以他們能夠保持利潤率，而不會引起其他的問題

這裏是我申請的代碼：

.container > div { 
    display: inline-block; 
    margin-top: 20px; 
}