html - CSS - 允许 div 突出其父级

Question

我一直在寻找一种让 div 脱离其父级的方法。

父元素有 float:right ，我试图点击它来切换显示/隐藏子元素，但子元素在 div 之后显示/隐藏。我想让它“突出”父 div。

谢谢！:)

Answer 1

您的解释不是很清楚，但这里有一个右对齐的父 div 和一个突出的子 div 的演示。我希望这就是你要找的:)

#parent {
  width: 200px;
  height: 200px;
  background-color: #FF0000;
  float: right;
  position: relative;
}
#child {
  width: 300px;
  height: 100px;
  background-color: #00FF00;
  position: absolute;
  right: 0;
}

<div id="parent">
  Parent
  <div id="child">
    Child
  </div>
</div>

Answer 2

溢出：可见；父母应该做的伎俩 - 如果你有和尺寸要小心！