绝对定位

position:absolute

定位参照对象是 最邻近的定位祖先元素
如果找不到这样的祖先元素，参照对象是视口

脱标元素的特点 absolute fixed
浮动也是脱标元素

绝对元素定位的特点：

1. 可以随意设置宽高 不在区分块级行内元素
2. 宽高默认是内容决定的
3. 不在给父元素汇报宽高

定位元素：
宽度在不设置的情况下默认是 width=auto
父块级元素的宽度=子块的宽度+right+left+margin-left+margin-right
800 200 0 0 auto auto ======水平居中

垂直水平居中 = 水平居中+垂直居中

.clss{
postion:absolute
left:0
right:0
top:0
bottom：0
margin:auto auto
}

如果希望绝对定位的元素宽高和定位参照对象一样(绝对定位元素没有设置宽高的情况下)

left:0 right:0 top:0 bottom:0 margin 0

auto: 是交给浏览器来处理

width:auto
1 行内非替换元素 a/strong ->width :包裹内容
2 块级元素-》 width:包含块的宽度 父级的宽度
3 绝对定位元素 -》 width:包裹内容

flex 布局

flex item 不再严格区分块级和行内及元素
flex item 默认情况下是包裹内容的 但是可以设置宽度和高度