宽高自适应清除浮动伪类和伪元素

2.宽高自适应 概念：根据设备、分辨率不同，有不一样的排版布局。 1.宽度自适应 1.不设置宽度 2.使用百分比 3.使用 min-width 或者 max-width; min-width:*px; 设置最小宽度 max-width:*px; 设置最大宽度

2.高度自适应
    1.不设置高度
        注意：如果子元素有浮动，会高度塌陷
        清除浮动：
            1.给浮动元素的父亲添加 overflow:hidden;
            2.给浮动元素添加一个空的兄弟元素div,给兄弟一个类名clear,设置样式 clear:both;

                浮动元素
                <div class='clear'></div>
                css中  .clear{clear:both;}

            3.给浮动元素的父亲添加类名 cleafix,设置样式 
                .clearfix:after{
                    content:'';
                    display:block;
                    height:0;
                    clear:both;
                }
        项目中使用方式3
    
        补充：
            伪类和伪元素的区别： 【面试题】
                概念上：伪类是一种临时状态，只有状态被触发的时候才会生效。
                       伪元素是一个虚拟的dom节点，是一个假的元素
                写法上：伪类使用单冒号，伪元素使用双冒号。
                      
                      :after，::after 只是版本区别，都是伪元素。
            伪元素：
                e:after{ content:'   '; }   在e元素的内容后面添加内容
                e:before{ content:'   '; }   在e元素的内容前面添加内容
                e::selection{  }      给e元素中选中的文字设置样式

    2.设置百分比
        注意：html和body没有内容的情况下，高度为0；
    3.设置最小高度和最大高度
        min-height:*px;
        max-height:*px;