CSS wrapping different numbers of columns in a responsive layout with two to three columns
问题 I'm trying to wrap some column style divs in a row. Then apply overflow:hidden; to the row to make whatever floated columns are in the next row line up. <div class="row"> <div class="col">Column 1</div> <div class="col">Column 2</div> </div> <div class="row"> <div class="col">Column 3</div> <div class="col">Column 4</div> </div> <div class="row"> <div class="col">Column 5</div> <div class="col">Column 6</div> </div> Then use: .row{ overflow:hidden; } .col{ width:50%; float:left; } The problem