HTML和CSS垂直组织div

Question

我有以下问题：

我有体宽：100％;高度：100％;溢出：隐藏;

我想把几个div放在另一个下面另一个下方，当你达到极限时移到一边

下面是插图

我很抱歉我的英语不是我的主要语言

Answer 1

评论中的解释。

http://jsfiddle.net/pvc5mq3r/

$(function(){

    // function to add content vertically
    function addVertically(div, content){

        // max blocks per column
        maxBlocksPerCol = 10;

        //determine which column to add to
        col = null;

        div.children("div").each(function(){

            if($(this).children("div").length < maxBlocksPerCol) 
                col = $(this);
        });
        if(col == null){
            col = $("<div class='column'></div>");
            div.append(col);
        }

        // finally, append the content to the appropriate div
        col.append(content);
    }


    // the div to add your columns to
    div = $("#columns");

    // some sample content for each added div
    content = "<div class='block'></div>";

    // test, adds 15 blocks vertically
    columnsToAdd = 15; while(columnsToAdd--) addVertically(div, content);
});