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>

Answer 2

我做了一个右浮动父div的演示，它在切换的帮助下显示/隐藏了它的子div： http://dabblet.com/gist/2719434 这有帮助吗？

Answer 3

溢出：可见;在父母应该做的伎俩 - 如果你有和尺寸设置的话要小心!!!