2013-04-04 70 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