Question

我正在扩展我的前端CSS技能，我正在努力实现以下目标：两个重叠的引导行，但保持其响应式网格式行为。对我来说完全不熟悉，不知道如何解决这个问题。

所以基本上我想要并排放置两列（内容继续重复），然后是另一行与另一列重叠的列。需要使中间列（图像中的第2行）在所有红色列上可见。

我该怎么做？我想保持电网的网格功能。

这是为了更好地理解我做的 JS Fiddle 。网格实际上并不像imo那样。此外，我认为position: absolute不适用于响应式网站。

我希望我的问题足够清楚！提前致谢

Answer 1

绝对位置会起作用，但请确保它的全高且容器为position: relative;

{
  position: absolute;
  top: 0;
  left:0;
  z-index:1;
  bottom:0;
  right:0;
  height:100%;
}