并排排列 css 是一種常見的排版方式，常見于網站的布局設計。使用css中的float、flex、grid等屬性可以實現不同的并排排列效果。

/* float屬性 */
.box{
float: left;
}
/* flex屬性 */
.container{
display: flex;
justify-content: space-between;
}
/* grid屬性 */
.grid-container{
display: grid;
grid-template-columns: repeat(2, 1fr);
}

其中，float屬性實現簡單，可以通過將多個元素都浮動到左側或右側實現并排排列效果。但是需要注意的是，需要清除浮動，否則會影響后續元素的布局。

Flex屬性是CSS3中新增的屬性，使得容器可以實現彈性布局。通過設置 justify-content屬性可以控制子元素在主軸上的排列方式，從而實現并排排列效果。

Grid屬性是CSS3中新增的屬性，可以基于網格布局實現靈活的布局方式。通過設置 grid-template-columns屬性可以定義多少列和每列的寬度，從而實現并排排列效果。

綜上，我們可以通過使用不同的CSS屬性和技巧，實現網站布局中的并排排列效果。在實際應用中，需要根據具體情況選擇最適合的方式。同時，需要考慮瀏覽器的兼容性和響應式布局的要求。