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才有效。

希望我帮了忙。