所有,我知道如果絕對位置子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浮動
回答
如果一個父div有position:relative
,並且孩子有position:absolute; width:100%
,那麼孩子的寬度將與父母的寬度相同。 Check at jsfiddle
好,它工作正常。謝謝。 – 2013-04-04 15:41:06
可否請你多告訴我一些。它的css規則是什麼?謝謝。 – 2013-04-04 15:43:01
瀏覽器查找元素的父母和第一個「定位」的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
- 1. 絕對定位浮動Div Div
- 2. 在容器中放置絕對和浮動div
- 3. 浮動div(絕對位置?)背景div(或圖像)
- 4. 絕對定位圖像浮動div
- 5. 絕對位置div
- 6. 顯示在滾動容器上的位置絕對div的CSS
- 7. 相對位置div內的絕對位置div移動
- 8. 讓浮動的div到一個絕對定位的容器容器
- 9. 確定span元素的絕對定位浮動div的位置
- 10. 浮動div頂部的絕對定位div
- 11. 位置絕對定位的父div的底部的絕對div
- 12. 位置div與相對位置內部絕對定位div
- 13. Div位置固定背景圖像下div位置絕對位置內容
- 14. 相對定位div內絕對div不填充父容器
- 15. 位置絕對 - DIV中DIV不工作
- 16. 浮動div下的位置div
- 17. 絕對定位的div div滾動內絕對定位的父
- 18. 浮動元素被絕對位置div剪輯
- 19. 旋轉Div絕對位置
- 20. javascript/css絕對位置div
- 21. div浮動和位置
- 22. DIV浮動圖像位置
- 23. 絕對定位的div浮在主要內容
- 24. 位置絕對格:滾動DIV
- 25. 沒有絕對位置的滾動div
- 26. 滾動後絕對div的位置
- 27. 絕對位置在div下方的位置div
- 28. 浮動:留下容器div?
- 29. CSS div(位置相對)忽略另一個div(位置:絕對)
- 30. 絕對位置和浮動
這個問題本身並沒有真正相關,但需要一些時間閱讀http://w3fools.com/ – Oleg 2013-04-04 14:32:34