绝对定位元素的特点
Docs
绝对定位元素 (absolutely positioned element)：position 设置为 absolute/fixed
- 宽高默认由内容决定
- 可以随意设置宽高
- 不再受标准流的约束
- 不再严格按照从上到下、从左到右排布
- 不再严格区分块级 (block)、行内级 (inline)，行内块级 (inline-block) 的很多特性都会消失
- 不再给父元素汇报宽高数据
- 脱标元素内部默认还是按照标准流布局
Loading Github Gist ...
Details
- 绝对定位元素（absolutely positioned element）
- position 值为 absolute 或者 fixed 的元素
- 对于绝对定位元素来说
- 定位参照对象的宽度 = left + right + margin-left + margin-right + 绝对定位元素的实际占用宽度
- 定位参照对象的高度 = top + bottom + margin-top + margin-bottom + 绝对定位元素的实际占用高度
- 如果希望绝对定位元素的宽高和定位参照对象一样，可以给绝对定位元素设置以下属性
- left: 0、right: 0、top: 0、bottom: 0、margin:0
- 如果希望绝对定位元素在定位参照对象中居中显示，可以给绝对定位元素设置以下属性
- left: 0、right: 0、top: 0、bottom: 0、margin: auto
- 另外，还得设置具体的宽高值（宽高小于定位参照对象的宽高）