бесконечные две колонки div grid html css

Question

ПОМОЩЬ Я хотел бы создать бесконечную сетку из двух столбцов. Он автоматически организует div в двух столбцах. Например, у меня есть 10 divs, я хотел бы расположить два столбца и пять строк. Для одиннадцати divs я хотел бы иметь еще две колонки и т. Д. Спасибо заранее.

Answer 1

Здесь вы идете: http://jsfiddle.net/g4v63rnz/
Это infinte контейнер из двух блоков, вы можете добавить столько elemnts внутри структуры останутся прежними.

HTML:

<div id='container'> 
    <div class='innerDiv'></div>  
    <div class='innerDiv'></div>  
    <div class='innerDiv'></div>  
    <div class='innerDiv'></div>  
    <div class='innerDiv'></div>  
    <div class='innerDiv'></div>  
    <div class='innerDiv'></div>  
    <div class='innerDiv'></div> 
    <div class='innerDiv'></div>  
    <div class='innerDiv'></div> 
</div> 

CSS:

#container { 
    width:500px; 
    overflow:hidden; 
    background-color:pink; 
    display:inline-block; 
    } 

.innerDiv { 
    position:relative; 
    float:left; 
    width:40%; 
    height:150px; 
    margin-left:4%; 
    margin-top:10px; 
    background-color:yellow; 
}