CSS中有許多方法可以將元素放置在網頁中，其中之一是通過平行排列幾個網格。下面是一個CSS代碼片段，展示了如何使用CSS將六個互相平行的網格放置在網頁上。

.box {
width: 200px;
height: 200px;
background-color: #ddd;
float: left;
margin-right: 10px;
}

上述代碼定義了一個名為“.box”的類，該類將用于HTML中的六個元素，以便它們具有相同的樣式并展示在同一行中。每個元素的寬度和高度都為200像素，并且背景顏色為灰色。讓我們來看一下HTML代碼，以了解如何使用CSS“.box”類。

<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box">Box 3</div>
<div class="box">Box 4</div>
<div class="box">Box 5</div>
<div class="box">Box 6</div>

上面的HTML代碼中，我們使用了“div”標簽，并在每個標簽中添加了“class”屬性，以便可以將它們與CSS中的“.box”類相對應。最后，我們將六個元素按照‘Box 1’，‘Box 2’，‘Box 3’，‘Box 4’，‘Box 5’和‘Box 6’的順序排列。

現在，讓我們看一下效果。通過以上CSS和HTML，頁面上將顯示六個大小和顏色相同的方塊，彼此平行放置在同一行中。