在CSS中，我們可以使用div元素和CSS樣式來(lái)使兩個(gè)塊并排，以下是一個(gè)簡(jiǎn)單的示例：

<div style="width: 50%; float: left;">塊1</div>
<div style="width: 50%; float: right;">塊2</div>

在這個(gè)示例中，兩個(gè)div塊都設(shè)置了float: left和float: right樣式，分別使它們左浮動(dòng)和右浮動(dòng)，每個(gè)塊都設(shè)置了width: 50%，這意味著它們將各自占據(jù)其父元素的50%寬度。

如果你希望兩個(gè)塊在垂直方向上排列，可以使用vertical-align屬性：

<div style="width: 50%; display: inline-block; vertical-align: top;">塊1</div>
<div style="width: 50%; display: inline-block; vertical-align: top;">塊2</div>

在這個(gè)示例中，display: inline-block使div塊表現(xiàn)得像行內(nèi)元素，但仍然保留塊級(jí)元素的特性，如設(shè)置寬度和高度。vertical-align: top則使兩個(gè)塊在垂直方向上對(duì)齊。

為了使兩個(gè)塊并排或垂直排列，它們的父元素（即包含它們的div或section等）需要有足夠的寬度來(lái)容納它們，如果父元素的寬度不足，那么這些塊可能會(huì)因?yàn)橐绯龆匦屡帕小?/p>