Html 为什么div会受到他的孩子的影响？

空div，如下所示：

<div class="section" id="s">  </div>

将使此节高度为0，除非我在

Back

中放入一些内容，这将使节高度=openBack的内容

  <div class="section" id="s">

                <div class="Back"> </div>           
</div>

我需要将部分大小设置为屏幕大小，无论其中发生了什么，但我不能

CSS:

如何设置分区大小以保持屏幕大小不变？

请尝试以下css-

    .openBack{ position:relative;}


.hidden{
      position:absolute;
      top:50%;
      left:50%;
      transform: translate(-50%, -50%);
      z-index:9999;

}

试试下面的css-

    .openBack{ position:relative;}


.hidden{
      position:absolute;
      top:50%;
      left:50%;
      transform: translate(-50%, -50%);
      z-index:9999;

}

---

要将图像用作节或div的背景，您不希望将该图像包含为元素。它把它周围的其他元素推到一边，这就是为什么下一个div被推到它下面的原因。要想通过使用绝对位置使其表现良好，这比必要的要复杂得多

我建议将图像作为

背景图像

附加到分区的类或id，并从html中删除

元素

要么：

.openBack {
    background-image: url("/folder/file.png");
}

或

您需要查找CSS“

background image

的属性，以使其按您想要的方式缩放和匹配

并且不能在ID的开头使用数字值

---

希望这有帮助

要将图像用作节或div的背景，您不希望将该图像作为元素包含。它把它周围的其他元素推到一边，这就是为什么下一个div被推到它下面的原因。要想通过使用绝对位置使其表现良好，这比必要的要复杂得多

我建议将图像作为

背景图像

附加到分区的类或id，并从html中删除

元素

要么：

.openBack {
    background-image: url("/folder/file.png");
}

或

您需要查找CSS“

background image

的属性，以使其按您想要的方式缩放和匹配

并且不能在ID的开头使用数字值

希望这有帮助

注：我是在回答问题 您可能希望尝试以下方法：

position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
border: 1px solid black;
display: block;

将能够覆盖母公司部门

检查以下内容或片段：

。隐藏{
位置：绝对位置；
顶部：0；右侧：0；底部：0；左侧：0；
边框：1px纯黑；
显示：块；
背景色：rgba（254204254,0.5）；
对齐项目：居中；
弯曲方向：立柱；
}
明背师{
位置：相对位置；
边框：1px红色虚线；
显示器：flex；
证明内容：中心；
对齐项目：居中；
溢出：隐藏
}
开背舱{
弹性收缩：0；
最小宽度：100%；
最低高度：100%
}

注意：我在回答问题 您可能希望尝试以下方法：

position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
border: 1px solid black;
display: block;

将能够覆盖母公司部门

检查以下内容或片段：

。隐藏{
位置：绝对位置；
顶部：0；右侧：0；底部：0；左侧：0；
边框：1px纯黑；
显示：块；
背景色：rgba（254204254,0.5）；
对齐项目：居中；
弯曲方向：立柱；
}
明背师{
位置：相对位置；
边框：1px红色虚线；
显示器：flex；
证明内容：中心；
对齐项目：居中；
溢出：隐藏
}
开背舱{
弹性收缩：0；
最小宽度：100%；
最低高度：100%
}

---

谢谢你的回答，我发现解决方案非常简单（愚蠢）

内部的

div

结束标记是错误的

而不是

，这将结构搞砸了。

---

但愿我有一个工具来发现这样的错误。

谢谢你的回答，我发现解决方法非常简单（愚蠢）

内部的

div

结束标记是错误的

而不是

，这将结构搞砸了。

---

但愿我有一个工具能找到这样的错误。

为什么不使用

z-index:9999

？这是新的，不知道你的意思..添加。隐藏此属性

z-index:9999

它出现在它下面，而不是它下面，意味着问题是我必须向下滚动..你能为整个问题创建一个JSFIDLE吗？为什么不使用

z-index:9999

？新的，不知道你的意思..添加.hidden this属性

z-index:9999

它出现在它下面，而不是它下面，意思是问题是我必须向下滚动..你能为你的整个问题创建一个JSFIDLE吗？