标签类型转换,浮动

标签类型相互转换:

    display:inline    //转换成行内(不支持宽高)

    display:block   //转换成块

    display:inline-block    //转换成行内块(比较常用),支持宽高

    display:none    //不显示

浮动:

        作用:放在一行

    特点:

            1,元素变成块

            2,顶对齐

    王者定律(切记)

            加浮动就要给清浮动

    清楚浮动的方法:

            1,给父级加overflow:hidden;

            2, 给你需要清除浮动的元素的下面加上一个空白的块状标签,然后给空白标签加上            clear:both;

            3,(重要).clearFix:after{display:block;content:' ',clear:both;zomm:1}    注:(zomm:1是兼容ie低版本浏览          器)

                    使用:

                                把clearFix加在你要清楚浮动的标签 注意是类命    class="clearFix"

猜你喜欢

转载自blog.csdn.net/hgdaxhhc/article/details/79894067