CSS3列 - 添加第二個元素後的額外寬度

我有一個應用了CSS3列的元素。元素（div.parent）具有min-width和max-width。子元素（article.space）將被附加到父元素，填充左列，然後填充右列。CSS3列 - 添加第二個元素後的額外寬度

這裏的一個子元素的標記：

<div class="parent" style="height: 888px;"> 
    <article class="space"> 
     <header> 
      <h3>Header3</h3> 
      <h4>Header4</h4> 
      <h5>Header5</h5> 
     </header> 
     <section> 
      <img src="" alt="img"> 
      <p>3:06</p> 
     </section> 
    </article> 
</div>

.parent { 
    -webkit-column-width: 190px; 
    -webkit-column-gap: 5px; 
    min-width: 190px; 
    max-width: 410px; 
} 

.space { 
    width: 190px; 
    height: 50px; 
    display: inline-block; 
}

所以基本上，div的是矩形形狀，他們需要填寫的第一列然後第二列，然後如果我設置.parent的max-width到更大的數字，第三列等。

這一切除了一件事情都有效。如果我追加超過2 article.space，則.parent擴展爲max-width。當只有一個article.space時，.parent的寬度沒有問題，但如果有兩個或多個，它會自動將它擴展到max-width集。

下面是一些圖片：（我對所有的白框道歉，我不能分享一下這是）