擴展子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，然後讓孩子比父母更廣泛。