day11 html5

		day11

Position attribute value:

    1: position:static 【静态定位】 (默认值:添加和不设置的效果一样的)

    2: position:absolute  【绝对定位】
        1: 绝对定位的参照物:
            已经有定位的父元素为参照物
            如果父元素都没有定位或者没有父元素,以整个文档为参照物。
        2: 绝对定位的特点:
            不占据空间,脱离布局流

    3: position:relative;  【相对定位】
        1: 参照物是自身默认的位置
        2: 特点:
            (1)占据空间的,不破坏布局流。
            (2)如果一个元素有相对定位,也支持margin:0 auto;

     包含块的设置:
    1:给父元素添加position:relative;目的:让当前父元素形成参照物(包含块)
    2:给要做定位的元素添加position:absolute; 移动位置

    默认情况下:
    结构里面后写的元素添加定位,会把前写元素盖住
     控制定位元素的层次关系:
    z-index:;
        属性值:一个数字,数字值越大越靠上层显示。能接收负数。
        默认值auto
Published 21 original articles · Likes0 · Visits 287

Guess you like

Origin blog.csdn.net/jiatinghui/article/details/105168455