CSS3带浮动div和合并列的列计数

我试图达到这样的效果：

如您所见，共有六列（对我来说，4列就足够了）。在4列上有一些浮动div和图像。使用以下代码，在Chromium（Chrome）中插入的div的宽度限制为列的宽度

标题

Lorem ipsum dolor sit amet，是一位杰出的献身者。在这里，我是奥迪奥·达皮布斯·奥纳雷。Phasellus magna lacus，pharetra scelerisque accumsan nec，feugiat ac libero。利奥拍卖行奉献者的生命。佩伦特斯式的临时性的前狮子座。ultrices、est id ultrices pulvinar、nisl Nunc porttitor nisi、aliquet pulvinar dolor neque和lacus。整数a risus quis nunc rutrum pellentesque。Present non-ligula massa，nec孕妇mauris。这是一种自由的生活。Lorem ipsum dolor sit amet，是一位杰出的献身者。前庭门静脉曲张，妊娠期紫癜曲张，紫癜曲张，紫癜曲张。这是一种折磨，是一种普通的生活，是一种幸福。我不知道该怎么办。梅塞纳和法雷特拉·泰勒斯。Vivamus拍卖人odio在怀孕的猫咪身上发现了最危险的饮食。ultricies mauris ut dolor vulputate lacinia前庭。在这本书中，有一句名言是“我不做侵权人”。两位是帕特·莫里斯，另一位是尤伊斯莫·麦格纳·马蒂斯·农。杜伊斯·达皮布斯、菲利斯·尤宾杜姆·尤里西斯、埃拉·厄纳·阿库姆桑·萨皮恩、马萨的欧盟大酒馆。虎口浮雕和肘部浮雕同侧前庭；Nulla nec pretium sem。奥奇·库苏斯拍卖行的Proin aliquet nisl。在前庭休息，休息，休息。Lorem ipsum dolor sit amet，是一位杰出的献身者。纳拉姆·弗林吉亚·蒂奇登特·蒂奇登特。整型tincidunt Vehiclula cursus。这是拍卖人阿尔库·尤里西斯·亚库利斯·埃吉特·伊吉托。这是我的荣幸。但非purus arcu，sed-odio。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。
马格纳奥奇的莫里斯。
ff
艾蒂安·利奥·莱克托斯，阿梅特帝国的伯爵，蒂尼登·ac·托托。埃尼安·泰勒斯，调味品维塔·斯克利斯·坦普斯，卡苏斯和尼西。活舌苔，活舌苔，活节拍。在《自由报》中。埃尼安·维塔·奥奇·利古拉，非尤里西斯·莫里斯。多罗，世仇和温文尔雅的生活，都是必须的。现在的智者们，他们坐在一个很普通的地方，在一个很小的地方。发酵前庭门。这是一个非常好的例子。维瓦摩斯·拉库斯·维利特（Vivamus lacus velit），iaculis id的显贵，索达莱斯·奥迪奥（sodales Pat odio）。塞德·莫利斯·康塞特图·阿利奎姆。罗恩卡斯，非凝性门，智者伊普斯姆，法雷特拉·廷西德·阿尔古·利古拉。在特里斯提克，一个完整的积木。塞德·埃吉特·阿奎姆·伊普森。这是一个巨大的挑战。莫里斯·尼布，索利西图丁，你是我的妻子，普尔文纳是我的妻子。努尔纳修女学院位于马萨。奥克蒂慈姑，奥克斯塔变位前显贵。维瓦姆斯和伊普斯姆自由，矢状位euismod enim。不要因为奥奇家族的血缘关系，就因为孕妇喝苏打水。无叶草。sollicitudin lacus dapibus的葡萄品种vitae ligula拍卖商。多尼克调味品拍卖行。毛里斯是一个修女，坐在阿梅特·厄洛斯·奥纳雷·阿库姆桑旁边。无明渠，前庭，无明渠，无明渠。纳勒姆·尼布·利奥、法雷特拉·埃吉特·弗林尼利亚·内克、洛博蒂斯·奎斯·莫里斯。无耳无耳葡萄肿
两人一组，两人一组，坐在阿梅特·萨吉蒂的权杖下，两人一组，一人一组，一人一组。代替雄性大鼠的背侧。前庭发酵液。佩伦茨克马莱苏达·拉西尼亚·特里斯蒂克。莫里斯·波苏尔·洛勒姆·维塔·多洛。Maecenas欧盟侵权人sem。不要做任何事，不要做任何事。维瓦摩斯我是康多乌纳。库拉比图尔·达比布斯比本杜姆·廷西杜姆。这是一个很好的例子。请坐下。这是一种特殊的生活方式。莫里斯·塞德·维韦拉前庭胎动门。罗汉果。不结盟运动在arcu ut erat pharetra porttitor。两个直径的容器放置在一个非三层的容器中。Etiam ac pellentesque sapien。猫科动物nec pellentesque mauris fringilla中的Cras bibendum lorem。前欧洲政坛巨擘、欧洲政要、欧洲议会和欧洲议会。佩伦茨克拍卖行的智者欧佩恩·奥古斯特·奥古斯特·奥佩伦·奥佩伦·奥佩伦·奥佩伦·奥佩伦·奥佩伦·奥佩伦·奥佩伦·奥佩伦·奥佩伦·奥佩伦·奥佩伦·奥佩伦·奥佩伦。阿利奎姆·埃拉特·帕特。纳穆特·利奥·厄洛斯。虎口浮雕和肘部浮雕同侧前庭；埃蒂亚姆·托托·多洛，nec前庭的胎记，尊严和尊严。多奈克·亚库利溃疡性脓疱和脓疱。莫利斯丘脑积存症。空是一个最大的缺陷。但是，如果你是一个普通人，那么你就应该是一个普通人。Nunc lacus purus，cursus et vulputate eget，pharetra id sem。
马格纳奥奇的莫里斯。艾蒂安·利奥·莱克托斯，阿梅特帝国的伯爵，蒂尼登·ac·托托。埃尼安·泰勒斯，调味品维塔·斯克利斯·坦普斯，卡苏斯和尼西。活舌苔，活舌苔，活节拍。在《自由报》中。埃尼安·维塔·奥奇·利古拉，非尤里西斯·莫里斯。多罗，世仇和温文尔雅的生活，都是必须的。现在的智者们，他们坐在一个很普通的地方，在一个很小的地方。发酵前庭门。这是一个非常好的例子。维瓦摩斯·拉库斯·维利特（Vivamus lacus velit），iaculis id的显贵，索达莱斯·奥迪奥（sodales Pat odio）。塞德·莫利斯·康塞特图·阿利奎姆。Cras rhoncus，nullanon-congue端口
<div style="column-count: 4; -moz-column-count:4; -webkit-column-count:4; text-align: justify">
    <p>Header</p><hr />
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero. Proin vitae magna vitae leo auctor consectetur. Pellentesque tempor pretium leo at volutpat. Nunc ultricies, est id ultrices pulvinar, nisl nunc porttitor nisi, aliquet pulvinar dolor neque sed lacus. Integer a risus quis nunc rutrum pellentesque. Praesent non ligula massa, nec gravida mauris. Quisque vitae libero nec augue sollicitudin gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porttitor, tortor ultricies lacinia gravida, nibh purus ultrices lacus, sed tempus augue ligula ac tortor. Proin urna tortor, tempus quis commodo id, eleifend ut augue. Nulla sit amet dolor tellus. Maecenas et pharetra tellus. Vivamus auctor odio id est imperdiet in tincidunt felis gravida. Vestibulum ultricies mauris ut dolor vulputate lacinia. In imperdiet urna a neque sollicitudin dictum sit amet ut tortor. Duis commodo volutpat mauris, quis euismod magna mattis non. Duis dapibus, felis eu bibendum ultricies, erat urna accumsan sapien, eu congue magna neque in massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla nec pretium sem. Proin aliquet nisl at orci cursus auctor. Praesent lacus quam, aliquet at vestibulum nec, euismod sit amet dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam fringilla tincidunt tincidunt. Integer tincidunt vehicula cursus. Quisque sed est auctor arcu ultricies iaculis eget id justo. Sed suscipit tellus et purus dignissim tristique. Ut non purus arcu, sed imperdiet odio. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
        Mauris in magna orci. 

        <div style="float: left; width: 700px; height: 200px; background-color: gray">
            ff

        </div>
        Etiam leo lectus, accumsan at imperdiet sit amet, tincidunt ac tortor. Aenean tellus est, condimentum vitae scelerisque tempus, cursus et nisi. Vivamus ligula lacus, viverra id sodales quis, tempus in lectus. In ut ipsum libero. Aenean vitae orci ligula, non ultricies mauris. Donec metus dolor, feugiat ut blandit vitae, lobortis nec erat. Praesent sapien diam, egestas sit amet commodo a, varius at nulla. Vestibulum fermentum auctor porttitor. Vivamus tristique enim bibendum nulla consectetur molestie. Vivamus lacus velit, dignissim at iaculis id, sodales volutpat odio. Sed mollis consectetur aliquam. Cras rhoncus, nulla non congue porttitor, sapien ipsum lacinia ipsum, pharetra tincidunt arcu ligula id justo. Praesent nec enim tellus, eu aliquam orci.Integer lacinia accumsan nisl at tristique. Sed eget aliquam ipsum. In et magna ut erat posuere ultrices rutrum eget nulla. Nullam mauris nibh, sollicitudin eu aliquet sit amet, pulvinar sit amet tortor. Nunc at nulla sed urna pretium tristique eget quis massa. Quisque ultricies sagittis orci, sed dignissim ante egestas varius. Vivamus et ipsum libero, sagittis euismod enim. Donec volutpat feugiat orci, ut pellentesque nulla sodales gravida. Nulla egestas cursus pharetra. Praesent varius nibh vitae ligula auctor at sollicitudin lacus dapibus. Donec condimentum porttitor sem ac auctor. Mauris a nunc sit amet eros ornare accumsan. Nullam mauris purus, vestibulum id imperdiet sit amet, imperdiet id ante. Nullam nibh leo, pharetra eget fringilla nec, lobortis quis mauris. Fusce varius nulla non orci dapibus ut convallis dolor dictu
        Duis bibendum, dui sit amet sagittis scelerisque, lectus eros luctus dui, a rhoncus justo nisl sed lectus. Proin placerat suscipit lectus id malesuada. Vestibulum vitae nisl et orci fermentum facilisis. Pellentesque malesuada lacinia tristique. Mauris posuere lorem vitae dolor imperdiet porttitor. Maecenas eu tortor sem. Donec non eros dolor, sed interdum magna. Vivamus id commodo urna. Curabitur dapibus bibendum tincidunt. Praesent tincidunt consectetur metus, ut placerat sem volutpat interdum. Praesent sit amet posuere ipsum. Nunc posuere dolor quis erat pulvinar vitae ornare nibh ultricies. Vestibulum molestie porttitor mauris sed viverra. Nunc rutrum rhoncus lacus ac tincidunt. Nam at arcu ut erat pharetra porttitor. Fusce accumsan dui eget diam placerat vel sodales nisl feugiat.In consectetur orci eu velit porta non tristique velit faucibus. Etiam ac pellentesque sapien. Cras bibendum lorem in felis commodo nec pellentesque mauris fringilla. Maecenas magna augue, facilisis eu dignissim nec, interdum et enim. Pellentesque auctor sapien eu augue volutpat sit amet pretium ipsum vehicula. Aliquam erat volutpat. Nam ut leo eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam tortor dolor, molestie at vestibulum nec, dignissim ut est. Donec iaculis vulputate purus et mattis. Morbi pulvinar accumsan mollis. Nulla a est lacus. Ut nisl enim, accumsan ut accumsan et, ultricies sit amet nulla. Nunc lacus purus, cursus et vulputate eget, pharetra id sem.
        Mauris in magna orci. Etiam leo lectus, accumsan at imperdiet sit amet, tincidunt ac tortor. Aenean tellus est, condimentum vitae scelerisque tempus, cursus et nisi. Vivamus ligula lacus, viverra id sodales quis, tempus in lectus. In ut ipsum libero. Aenean vitae orci ligula, non ultricies mauris. Donec metus dolor, feugiat ut blandit vitae, lobortis nec erat. Praesent sapien diam, egestas sit amet commodo a, varius at nulla. Vestibulum fermentum auctor porttitor. Vivamus tristique enim bibendum nulla consectetur molestie. Vivamus lacus velit, dignissim at iaculis id, sodales volutpat odio. Sed mollis consectetur aliquam. Cras rhoncus, nulla non congue porttitor, sapien ipsum lacinia ipsum, pharetra tincidunt arcu ligula id justo. Praesent nec enim tellus, eu aliquam orci.Integer lacinia accumsan nisl at tristique. Sed eget aliquam ipsum. In et magna ut erat posuere ultrices rutrum eget nulla. Nullam mauris nibh, sollicitudin eu aliquet sit amet, pulvinar sit amet tortor. Nunc at nulla sed urna pretium tristique eget quis massa. Quisque ultricies sagittis orci, sed dignissim ante egestas varius. Vivamus et ipsum libero, sagittis euismod enim. Donec volutpat feugiat orci, ut pellentesque nulla sodales gravida. Nulla egestas cursus pharetra. Praesent varius nibh vitae ligula auctor at sollicitudin lacus dapibus. Donec condimentum porttitor sem ac auctor. Mauris a nunc sit amet eros ornare accumsan. Nullam mauris purus, vestibulum id imperdiet sit amet, imperdiet id ante. Nullam nibh leo, pharetra eget fringilla nec, lobortis quis mauris. Fusce varius nulla non orci dapibus ut convallis dolor dict
    </p>                
</div>

<!DOCTYPE html>
<html>
    <head>
        <style>
        #leftblock { 
            width: 66%;
            margin-right: 10px;
            float: left;
        }
        #rightblock { 
            width: 32%;
            float: left;
        }
        .lefttext { 
            column-count: 2; 
            -moz-column-count: 2; 
            -webkit-column-count: 2; 
            text-align: justify;
        }
        #righttext {
            column-count: 2; 
            -moz-column-count: 2; 
            -webkit-column-count: 2; 
            text-align: justify;
        }
        #image1 {
            width: 100%;
            height: 200px;
            background-color: red;
            margin-bottom: 20px;
        }
        #image2 {
            width: 100%;
            height: 100px;
            background-color: green;
        }
        h3 {
            color: blue;
        }
        h4 {
            padding: 0;
            margin: 0;
        }
        p {
            margin-top: 0;
            padding-top: 0;
            margin-bottom: 20px;
        }
        .column1 {
            float: left; 
            width: 50%;
        }
        .column2 {
            float: right; 
            width: 49%;
        }
        </style>
    </head>
    <body>
        <div id="leftblock">
            <div id="image1"></div>
            <div>
                <div class="column1">
                    <div>
                        <p><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.</b></p>
                        <h3>Author</h3>
                        <hr>
                    </div>
                    <div class="lefttext">
                        <h4>Title</h4>
                        <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        </p>                
                        <h4>Title</h4>
                        <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        </p>                
                    </div>
                </div>
                <div class="column2">
                    <div class="lefttext">
                        <h4>Title</h4>
                        <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        </p>                
                        <h4>Title</h4>
                        <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        </p>                
                        <h4>Title</h4>
                        <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                        </p>                
                    </div>
                </div>
            </div>
        </div>
        <div id="rightblock">
            <div id="righttext">
                <h4>Title</h4>
                <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                </p>                
                <h4>Title</h4>
                <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                </p>                
                <h4>Title</h4>
                <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                </p>                
                <h4>Title</h4>
                <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget mi a odio dapibus ornare. Phasellus magna lacus, pharetra scelerisque accumsan nec, feugiat ac libero.
                </p>                
            </div>
            <div id="image2"></div>
        </div>            
    </body>
</html>