扩展子div超出容器div

Question

我试图扩大这个div与浏览器的宽度。我从 here 阅读，您可以使用{position:absolute; left: 0; right:0;}来实现，作为在这里的jsfiddle： http://jsfiddle.net/bJbgJ/3/

但问题是，我目前的#container有{position:relative;}性质，因此，如果我申请{position:absolute}孩子div，它只会参考#container。有没有办法让我的孩子跳水超出#container？

Answer 1

我能想到的五种方式可能实现自己的目标：

1. 使用内部元件上切缘阴性把它移到父

2. 使用JavaScript之外的外部移动内部元件的父母。

3. 更改源代码并将内部元素移到父级之外。

4. 在内部元件上使用position: fixed。这将允许内部元素爆发，但是元素将固定在给定位置（从不移动）的下侧。

5. 从父元素中取出position: relative;或给父元素position: static

Answer 2

你可以尝试添加overflow:visible父div，然后让孩子比父母更广泛。