HTML5网格布局

Question

由于我是初学者，到目前为止我一直只使用Bootstrap，我习惯了他们的行和列的传统布局，我想知道你如何使这种布局在左边的绿色列，这边吧看起来它被放在顶部或通常的容器与列。 有人可以解释一下它是如何完成的吗？

This is the example web page

Answer 1

要实现此目的，您可以使用z-index。

的CSS属性

z-index的作用是可以使用您希望页面上的内容有多高。这意味着，如果彼此之间有两个div，那么z-index较高的div将显示在div之上，索引较低。

请注意z-index仅在position您的内容

时有效

Here是z-index与div一起使用的基本示例。

希望我帮助过。