html - 是否可以使用多个父 div

Question

如果我使用以下技术。 child 3 被吸入 parent 2。 child 3 实际上是一个 <table> , 不是 <div> .但它仍然是绝对定位的。

所以基本上我想有 1 个父 div，里面有 child ，然后在它下面有另一个父 div，里面有 child 。

#parent1 {
  position: relative;
  border-style: solid;
  border-color: blue;
  border-size: 5px;
}
#child1 {
  position: absolute;
  border-style: solid;
  border-color: red;
  border-size: 5px;
}
#child2 {
  position: absolute;
  border-style: solid;
  border-color: yellow;
  border-size: 5px;
}
.child3 {
  position: absolute;
  border-style: solid;
  border-color: yellow;
  border-size: 5px;
}
#parent2 {
  position: relative;
  border-style: solid;
  border-color: blue;
  border-size: 5px;
}
#child4 {
  position: absolute;
  border-style: solid;
  border-color: red;
  border-size: 5px;
}
#child5 {
  position: absolute;
  border-style: solid;
  border-color: yellow;
  border-size: 5px;
}
.child6 {
  position: absolute;
  border-style: solid;
  border-color: yellow;
  border-size: 5px;
}

<div id="parent1">
  <div id="child1"></div>
  <div id="child2"></div>
  <div id="child3"></div>
</div>

<div id="parent2">
  <div id="child4"></div>
  <div id="child5"></div>
  <div id="child6"></div>
</div>

Answer 1

更新CSS:

#parent1, #parent2 {
    display: inline-block;
    width: 100%;
    clear: both;
    position: relative;
    border-style: solid;
    border-color: blue;
    border-width: 5px;
}

因为 child 是绝对定位的， block 级 parent 不计算他们的高度。所以你需要在 parent 双方上设置 display:inline-block + width:100%，或者设置明确的宽度/高度。