所有,我知道如果絕對位置子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(絕對位置?)背景div(或圖像)
- 3. 絕對定位圖像浮動div
- 4. 絕對位置div
- 5. 顯示在滾動容器上的位置絕對div的CSS
- 6. 相對位置div內的絕對位置div移動
- 7. 確定span元素的絕對定位浮動div的位置
- 8. 位置div與相對位置內部絕對定位div
- 9. 位置絕對 - DIV中DIV不工作
- 10. 絕對定位的div div滾動內絕對定位的父
- 11. 滾動後絕對div的位置
- 12. 絕對位置在div下方的位置div
- 13. 浮動:留下容器div?
- 14. CSS div(位置相對)忽略另一個div(位置:絕對)
- 15. 絕對位置和浮動
- 16. 絕對定位DIV相對於(也絕對定位)父DIV的位置?
- 17. 浮動內容中Div Div Div Divider
- 18. 定位浮動div
- 19. 浮動div定位
- 20. CSS div位置絕對可變高度以擴展容器
- 21. div滾動div內的絕對位置無法正常工作
- 22. 絕對位置div裏面的滾動div
- 23. 位置一個div「固定」垂直和「絕對」水平中的「位置:相對」 div容器
- 24. 絕對定位div後的位置內容
- 25. 位置:絕對div在位置內消失:相對
- 26. DIV浮動右浮動DIV左浮動
- 27. 如何包裝3個浮動div的絕對div
- 28. 如何在絕對div中將絕對div放置在底部
- 29. 絕對定位的div在另一個絕對定位的div內容不是內容
- 30. 兩個div/uls並排放置在絕對定位的div內
這個問題本身並沒有真正相關,但需要一些時間閱讀http://w3fools.com/ – Oleg 2013-04-04 14:32:34