绝对与相对位置的宽度和高度

精馏原理•2022-12-16•随笔•阅读23

绝对与相对位置的宽度和高度

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