max-heightに達した後にのみテキストをスピルします

Question

テキストブロックから列を作成しようとしていますが、の後に新しい列にテキストを流したい場合は、max-heightに達しました。

.step-copy { 
    max-height: 500px; 
    max-width: 60%; 
    display: inline-block; 
    padding-top: 0; 
    -webkit-columns: 2; 
    -moz-columns: 2; 
     columns: 2; 
    padding: 10px 0 10px 0; 
    font-size: 18px; 
} 

ただし、2つの完全に偶数の列が作成されていることがあります。 divの最大高さに決して達しません。

Answer 1

また、列にも幅を指定する必要があります。私が持っていることによって、それを達成

.columns { 
    height: 400px; 
    -webkit-columns: 300px 2; 
    -moz-columns: 300px 2; 
     columns: 300px 2; 
} 

Answer 2

以下のコードを参照してくださいhttp://codepen.io/anon/pen/bpoGmJこのペンを見てみましょう：

{ 
display:block; 
min-height:500px; 
} 

最も単純な:)