将子div扩展到容器div之外

Question

我正试图通过浏览器的宽度扩展这个div.我从这里读到 你可以{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;从父元素中删除或给父元素aposition: static

Answer 2

您可以尝试添加overflow:visible到父级div,然后使子级比父级更宽.