如何將這些 div 彼此相鄰放置在 3x2 行而不是 1 行中。我應(yīng)該將事件框和事件信息作為一個(gè) div 而不是兩個(gè)單獨(dú)的 div 嗎？我嘗試將它們合并為一個(gè) div 并給出了<p>event-info 類，但這沒有成功。我還嘗試了 div 和容器的不同大小，以便將它們推到彼此旁邊，但這也不起作用。請(qǐng)參閱下面的我的代碼。 .event-box{    height: 5rem;    width: 30rem;    float: left;    clear: both;    padding: 0;    margin-top: 1rem;    text-align: center;    background: url(/assets/images/placeholderimg4.jpg);}    .event-info{    height: 5rem;    width: 30rem;    float: left;    clear: both;    padding: 0;    margin: 0;    text-align: center;    background-color: rgba(77, 75, 75, 0.1);}    .container{    height: 100%;    width: 64rem;    word-wrap: break-word;    overflow-y: hidden;    padding: 0;}<div class="container"> <div class="event-box"> <h3 class="event-text">Event 1</h3> </div>            <div class="event-info"> <p>1</p> </div> <div class="event-box"> <h3 class="event-text">Event 2</h3> </div>            <div class="event-info"> <p>2</p> </div> <div class="event-box"> <h3 class="event-text">Event 3</h3> </div>            <div class="event-info"> <p>3</p> </div> <div class="event-box"> <h3 class="event-text">Event 4</h3> </div>            <div class="event-info"> <p>4</p> </div> <div class="event-box"> <h3 class="event-text">Event 5</h3> </div>            <div class="event-info"> <p>5</p> </div> <div class="event-box"> <h3 class="event-text">Event 6</h3> </div>            <div class="event-info"> <p>6</p> </div>             </div>