帶％的margin-top不起作用

Question

我有一列有一些行。

代碼：

<div class="col-fluid"> 
    <div class="height1">1</div> 
    <div class="height1">1</div> 
    <div class="height1">1</div> 
    <div class="height1">1</div> 
    <div class="height1">1</div> 
    <div class="height1">1</div> 
    <div class="height1">1</div> 
    <div class="height1">1</div> 
    <div class="height1">1</div> 
    <div class="height1">1</div> 
    <div class="height1">1</div> 
    <div class="height1">1</div> 
</div> 

所以，我給你一個margin-top每個height1類：

.col-fluid > [class*="height"]:not(:first-child) { 
    margin-top: 0.699301%; 
} 

現在，有與margin-top一個問題，在一些高度尺寸（我不知道他們正好）似乎margin-top不起作用。

先看看在這個截圖左列：

不過是另一種大小，它的工作原理：

什麼問題？我的margin-top尺寸有問題嗎？

Answer 1

我認爲，這是更好地做到這一點：

<div class="col-fluid"> 
    <div class="container"><div class="height1">1</div></div> 
    <div class="container"><div class="height1">1</div></div> 
    <div class="container"><div class="height1">1</div></div> 
    <div class="container"><div class="height1">1</div></div> 
    <div class="container"><div class="height1">1</div></div> 
    <div class="container"><div class="height1">1</div></div> 
    <div class="container"><div class="height1">1</div></div> 
    <div class="container"><div class="height1">1</div></div> 
    <div class="container"><div class="height1">1</div></div> 
    <div class="container"><div class="height1">1</div></div> 
    <div class="container"><div class="height1">1</div></div> 
    <div class="container"><div class="height1">1</div></div> 
</div> 

.col-fluid div.container 
{ 
    padding-top:10px; 
}