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