在 HTML 編程中，常常會用到盒子模型的布局方式來實現頁面的排版。而 div 可以說是盒子模型中最常用的標記之一，它為我們提供了一種方便、快捷的方式來創(chuàng)建并排的元素。

上面的代碼展示了如何使用 div 實現三個元素并排的布局。在 CSS 中，我們可以使用 display 屬性來指定盒子的顯示方式，這里我們使用了 flex 屬性，表示使用彈性盒子布局。彈性盒子布局可以靈活地控制子元素的排列方式，我們只需要指定主軸方向和交叉軸方向即可。

比如上面的代碼中，我們指定主軸方向為水平方向，即 row 方向，在 div 中使用 display: flex; 屬性指定后，內部的三個 div 元素就成了一排。而子元素的交叉軸方向默認為垂直方向 column，可以使用 align-items 屬性來指定對齊方式。

上面的代碼中，我們使用 align-items: center; 屬性將子元素垂直方向上居中對齊。

除了使用彈性盒子布局外，我們還可以使用浮動來實現并排布局。在這種方式下，我們需要設置每個元素的寬度和浮動方向。

上面的代碼中，我們將最外層的 div 設置寬度為 600px，然后在內部的三個 div 元素中設置了寬度為 200px 和 float: left; 屬性，這樣每個元素就會排在前面元素的右側。

總的來說，使用 div 可以方便地實現并排排列的元素。不同的布局方式可以根據具體需要靈活調整，讓頁面看起來更加美觀、整潔。