HTML/CSS 流体网格：如何将 div 覆盖到另一个 div答案

【问题标题】：HTML/CSS Fluid Grid: How to overlay div to another divHTML/CSS 流体网格：如何将 div 覆盖到另一个 div
【发布时间】：2016-05-03 17:59:07
【问题描述】：

我真的很难找到答案。我试图让我的 div: absolute 但它会破坏整个流体网格。我想要的只是将 div 放在背景 div 上。提前致谢！

CSS

#mannequin {
box-sizing: border-box;
position: absolute;
width: 60%;
padding: 0 12px;
margin: 0;
float: left;
overflow: hidden;
}

#products {
clear: both;
position: absolute;
margin-left: 0;
width: 100%;
display: block;
z-index: 10;
}

HTML

<div id="mannequin"><img src="http://tinypic.com/r/29596hh/9"> 
<div id="products"><img src="http://tinypic.com/r/2qw09lc/9">
</div>
</div>

【问题讨论】：

你到底想要什么..你想让一个 div 覆盖整个页面吗？
不，只是在#mannequin div 上，例如：mannequin div 是基础，#products div 是顶部或覆盖的东西。
你的html中#mannequin和#products在哪里。
抱歉，我改了名字。哈哈。

标签： html css web fluid-layout

【解决方案1】：

请设置一个 Div 位置：relative;和其他 div 制作位置：absolute;

【讨论】：

【解决方案2】：

将height:100% 定义为#products 并将左上角定义为0。

#mannequin {
  box-sizing: border-box;
  position: absolute;
  width: 60%;
  padding: 0 12px;
  margin: 0;
  float: left;
  overflow: hidden;
}

#products {
  clear: both;
  position: absolute;
  margin-left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 10;
  left:0;
  top:0;
}

【讨论】：

谢谢，不过图片好像太大了。
你这是什么意思？？
哇，我明白了，但是产品 div 不完全适合人体模型 div。它有一个空间。我试图编辑高度、宽度和顶部，但对我不起作用:(