css基础：position定位、高度自适应、伪元素、实线三角形-第十天

一、定位

1、position:

relative:不脱离文档流，相对于自身的原始位置

/absolute：脱离，相对于包含快的原始位置

/fixed：脱离，相对于浏览器的可视区域

/sticky：不脱离，没有达到顶部前随页面滚动，达到之后粘着顶部不动

2、垂直居中

    - left50%，top50%，mrgin-left-自身一半，margin-to-p自身一半

    - left0 right0 top0 bottom0 margin auto

    text-aligncenter  vertical-align：middle

6、控制容器内容溢出隐藏之后的效果，怎么处理

    - overflow

        - 隐藏hiden  自动：auto  滚动：scroll

消除img图像的影响：img{display：block}

 

# 三、自适应

1、宽度自适应

2、高度自适应

    - 不写高度

        - 某种特定情况下，会发生高度塌陷

   

    （- 主动设置高度的单位为相对单位

    - 高度自动跟随内容）

3、高度塌陷

    - 浮动

        -浮动、

    - 定位

        -只能加固定高度

4、图片的处理原则

    - 原则：突出显示内容重点区域，其他区域都可以被隐藏