在HTML中，我們可以使用CSS來(lái)實(shí)現(xiàn)讓三個(gè)div并排居住的效果。

<div class="container">
<div class="box-1"></div>
<div class="box-2"></div>
<div class="box-3"></div>
</div>

這里我們首先創(chuàng)建一個(gè)名為container的div作為容器，然后在容器中放置三個(gè)不同的div，并分別加上名為 box-1、box-2、box-3 的類(lèi)名。

.container {
display: flex;
}
.box-1, .box-2, .box-3 {
flex: 1;
}

接下來(lái)我們需要添加CSS的樣式，使得這三個(gè)div能夠橫向并排居住。我們可以設(shè)置容器為flex布局，這樣在容器內(nèi)的元素都會(huì)按照f(shuō)lex屬性進(jìn)行布局。然后我們將.box-1、.box-2、.box-3的flex屬性都設(shè)置為1，這樣它們就能夠平均分配容器內(nèi)的可用空間了。

以上就是讓三個(gè)div并排居住的代碼示例，希望對(duì)你有所幫助。