2013-04-04 67 views
1

所有,我知道如果絕對位置子div沒有設置left屬性,那麼此子div的默認開始位置將在父div中。但絕對div的寬度不受父div的寬度限制。 但是如果我們爲它的TLRB屬性設置了值。然後如w3cschool tutorial所述。 The element is positioned relative to its first positioned (not static) ancestor element. 我的問題是如何使一個div中的絕對位置子div容器? 我可以找出一種方法是使用JavaScript來計算和設置寬度適當的值。 但我想知道它是否可以由CSS。謝謝。絕對位置div容器在div浮動

+2

這個問題本身並沒有真正相關,但需要一些時間閱讀http://w3fools.com/ – Oleg 2013-04-04 14:32:34

回答

2

如果一個父div有position:relative,並且孩子有position:absolute; width:100%,那麼孩子的寬度將與父母的寬度相同。 Check at jsfiddle

+0

好,它工作正常。謝謝。 – 2013-04-04 15:41:06

+0

可否請你多告訴我一些。它的css規則是什麼?謝謝。 – 2013-04-04 15:43:01

+1

瀏覽器查找元素的父母和第一個「定位」的serch,並使其成爲元素的容器。重要的是要知道2個提示:1.如果沒有這樣的元素上游 - ''標籤成爲容器2.(我認爲這是最重要的)**容器可能不是第一個父母**,這可能是真正的混亂。 [檢查這個擴展的例子](http://jsfiddle.net/Qyy2W/2/)。更多信息[在W3C](http://www.w3.org/TR/CSS2/visuren.html#comp-abspos)和[這裏](http://www.w3.org/wiki/CSS_absolute_and_fixed_positioning) – 2013-04-04 18:48:25