在 CSS 中，按照默認(rèn)的布局方式，塊狀元素會(huì)獨(dú)占一行，也就是說它們無法與其他元素同行顯示。

但是，如果我們希望實(shí)現(xiàn)多個(gè)塊狀元素同行顯示，有以下兩種方法：

1. 使用浮動(dòng)屬性
在 CSS 中，使用 float 屬性可以讓元素浮動(dòng)到指定位置。當(dāng)我們將多個(gè)塊狀元素設(shè)置為浮動(dòng)之后，它們就可以同行顯示。
例如，以下代碼將兩個(gè) div 元素設(shè)置為向左浮動(dòng)，實(shí)現(xiàn)了同行顯示：
<style>
.box {
float: left;
width: 100px;
height: 100px;
background-color: red;
margin-right: 10px;
}
</style>
<div class="box"></div>
<div class="box"></div>

2. 設(shè)置 display 屬性為 inline-block
在 CSS 中，除了默認(rèn)的 block 屬性，還有 inline、inline-block 等多種 display 屬性可以使用。當(dāng)我們將塊狀元素設(shè)置為 inline-block 時(shí)，它們就可以像行內(nèi)元素一樣同行顯示，但仍然保留塊狀元素的特性，例如可以設(shè)置寬高、內(nèi)邊距等。
例如，以下代碼將兩個(gè) div 元素設(shè)置為 inline-block，實(shí)現(xiàn)了同行顯示：
<style>
.box {
display: inline-block;
width: 100px;
height: 100px;
background-color: red;
margin-right: 10px;
}
</style>
<div class="box"></div>
<div class="box"></div>

總之，無論是使用浮動(dòng)還是 inline-block 屬性，都可以實(shí)現(xiàn)多個(gè)塊狀元素同行顯示。但是需要注意的是，使用浮動(dòng)可能會(huì)對(duì)頁面布局、內(nèi)容流動(dòng)產(chǎn)生影響，因此在實(shí)際應(yīng)用中要慎重使用。