div浮动中的绝对位置div容器

【问题标题】：Absolute position div container in a div floatdiv浮动中的绝对位置div容器
【发布时间】：2013-04-04 22:30:51
【问题描述】：

所有，我知道如果绝对位置子 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制作。谢谢。

【问题讨论】：

与问题本身没有真正的关系，但请花一些时间阅读w3fools.com

标签： css

【解决方案1】：

如果父 div 具有 position:relative，子 div 具有 position:absolute; width:100%，则子 div 将具有与父 div 相同的宽度。 Check at jsfiddle

【讨论】：

你能告诉我更多关于它的信息吗？里面的css规则是什么？谢谢。
浏览器查找 elements parents and serch for the first one with positioned` 并使其成为元素的容器。重要要知道2个提示：1.如果上游没有这样的元素-<html>标签成为容器2。（我认为这是最重要的）容器可能不是第一个父级，这个可能真的很混乱。 Check this extended example。更多信息at W3C 和here
很好的demo来解释absolute，它对我从web开发新手到专业的道路很有帮助。我没有发现 w3c 官方网站上的规范信息丰富。谢谢。