HTML5網格佈局

Question

由於我是初學者，迄今爲止我一直只使用Bootstrap，我習慣於使用行和列的傳統佈局，我想知道如何做出這種佈局，左邊的綠色列，這個側杆看起來像是放在頂部或在帶有柱子的通常容器上。 任何人都可以請解釋它是如何做到的？

This is the example web page

Answer 1

要做到這一點，你可以使用的z-index的CSS屬性。

z-index所做的是，它可以用於您希望頁面上的內容有多高。這意思是，如果有兩個div彼此頂部，則div頂部將顯示z-index較高的div，索引較低。

請注意，當你position內容

Here正在用div的使用z-index一個基本的例子，z-index纔有效。

希望我幫了忙。