所有,我知道如果绝对位置子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