简述PC端的宽高自适应问题

PC端的宽高自适应

宽度自适应（了解）：元素的宽默认是跟随父元素的， 尽量不要规定死；不写默认是100%的父元素的宽度；

后续：宽度100%，根据窗口的宽度不同，作出不同结构变换的响应式网页；
高度自适应；

高度自适应第一种情况：内容撑开父元素

主要针对内容块；（考虑一些版块后期会不会经常性修改）

需求一：当元素的height不去设置或者是设置成auto是（默认），那么height是被内容撑开的；

需求二、当内容特别少的情况下，让容器有一个最小高度；------>min-height:

拓展：(IE低版本不支持min-height)但是IE6默认的把height解析成最小高度；

如果想让高版本和IE6里面效果完全一致（一般开发不考虑IE6用户，但是这里体会一下处理兼容性问题的思路）

如果同时使用min-height 和 height，高版本浏览器执行结果是height的固定高度

方法1、使用过滤器：min-height:300px; _height:300px（下划线过滤器，只有IE6能识别带有下划线的属性）

方法2、使用!importan ----> min-height:300px; height:auto!important; height:300px;

高版本浏览器会执行min-height:300px;同时，hei