设置position:absolute
会从文档结构的正常流程中删除有问题的元素。因此,除非您明确设置宽度,否则它将不知道会有多宽。您可以明确设置width:100%
是否要这样做。
position:relative
总体上具有的元素的行为与普通position:static
元素的行为相同。因此,height:100%
除非父元素具有定义的高度,否则设置将无效。相反,绝对定位的元素从文档流中删除,因此可以自由调整到其包含元素当前具有的任何高度。
这可能与HTML中的父元素有关,但是除非您提供页面的完整HTML和CSS,否则我将无济于事。
top和left属性的默认值为auto。这意味着浏览器将为您计算这些设置,并将它们设置为元素不存在时将呈现的位置position:absolute
。