Grid with overlapping rows?
问题 I'm creating a card game and I want to use a grid to position the cards (div's). How can I create a grid where the rows overlap like in this image? 回答1: I did it with floats. At least it works in all browsers. HTML: <div class="card-set"> <div class="row row-1"> <!-- 1st row --> <div class="col-1-of-10"> <div class="card"></div> </div> <div class="col-1-of-10"> <div class="card"></div> </div> <div class="col-1-of-10"> <div class="card"></div> </div> <div class="col-1-of-10"> <div class="card"