H5 宽高自适应学习笔记

  宽高自适应
        第一节：宽的自适应
            width:100%;或者是width不去设置，子元素宽度跟随父元素。

        第二节：高度自适应
                                           （高度不去设置，或者高度设置auto    ->     内容撑开父元素的高度）
                                           （min-height   最小高度的设置           ->      内容撑开父元素的高度）
                                           （浮动元素添加高度自适应                  ->      添加浮动元素的父元素没有高度，会出现高度塌陷）
                 1、height不去设置  或者 height:auto;  内容撑开父元素高度。

                2、min-height:;  最小高度的设置
                      需求：
                       a: 内容增加能撑开父元素高度
                    b: 内容特别少，能让元素保持一个最小高度
     正常项目中：最小高度直接用min-height即可。
        如果考虑兼容：min-height  iE6不兼容。 IE6默认把height解析成最小高度
        注：如果height 和 min-height同是出现，执行height固定高度！
 
        3、最小高度的兼容设置方法：（了解&#