CSS - 允许div伸出其父级

Question

我一直在寻找一种允许div从其父级中伸出的方法.

父有浮动:右边我正在尝试点击它切换显示/隐藏子元素,但子元素显示/隐藏在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>