PC端宽度、高度的自适应

PC端宽度、高度的自适应：
有时候我们希望，写html结构的宽和高，能适应不同的分辨率、不同的设备、不同的内容增删，使我们项目更加的灵活。
一：宽度自适应
默认情况下块状元素：
当width不设置的时候，或者width:100%;当前元素的宽跟随父元素的宽变化。
二、高度自适应的第一种情况：
当元素height不去设置或者是设置成height:auto;（默认值）
元素的高度是被内容撑开的。
这个时候如果有下面的需求：
需求1：当内容增加的时候，内容能把容器撑开。
需求2：当内容极少或者没有内容的时候，让容器保持一个最小高度。
就要用到下面这个高度的设置
最小高度的设置：
min-height:;
能满足1：当内容增加的时候，内容能把容器撑开。
能满足2：当内容极少或者没有内容的时候，让容器保持一个最小高度。
拓展：
min-height：； IE的低版本不支持。
但是：IE6默认的把height解析成最小高度。
考虑到兼容问题：想做到高版本和IE6完全一致 最小高度的设置要怎么办呢？？
正常情况下：最小高度直接用min-height设置即可。
如果考虑兼容：min-height 在iE6不兼容。 IE6默认把height解析成最小高度
注：如果height 和 min-height同是出现，执行height固定高度！
最小高度的兼容设置方法有两种：
1: min-height:300px;
_height：300px；（下划线过滤器，只有IE6能识别带有下划线的属性）
2: min-height:300px;
height:auto!important;
height:300px;
原理：
1、高版本浏览器解析顺序：
min-height能识别，也能识别！important 所以height:auto;权重最高，
height:auto 就能把height:300px覆盖。height:auto是默认值，设置了也没有效果，所以覆盖后就会执行 min-heigh。
2、IE6解析流程：
min-height不能识别，也不能识别！important , 后写的height:300px;能把 height:auto覆盖，