display、position填坑
- display设置元素生成的框的类型,常用值有:
- none
此元素不会被显示 - block
块级元素,前后带有换行符 - inline
内联,前后没有换行符 - inline-block
行内块元素,可设置宽高
- none
- position设置元素定位类型,常用值有:
- relative
相对定位,相对于其原本正常位置进行定位,随后设置left、right、top以及bottom,在文档流中依然占据位置,影响其他元素位置分布 - absolute
绝对定位,相对于static定位以外的第一个父元素,或者最近的relative父级元素,脱离文档流,不影响其他元素位置分布 - fixed
绝对定位,相对于视窗来定位,脱离文档流,意味着页面滚动,还是会停留在相同的位置,效果如网页右下角返回顶部按钮,不影响其他元素分布 - static
无定位,在正常的流中,忽略top、left等或者index声明
- relative
厚积薄发,持之以恒,以此自勉——离离