CSS宽高自适应

宽高自适应

网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是自适应。
元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。

1、宽度自适应
元素宽度设置为100%。（块元素宽度默认为100%）
2、元素具备最小高度的自适应
min-height属性：最小高度；

说明：
IE6浏览器不识别该属性，height属性在IE6就类似min-height作用。
hack1：mine-height：value; _height:value;
hack2: mine-height:value; height:auto!improtant; height:value;

min-height(最小高度)
max-height(最大高度)
min-width(最小宽度)
max-width(最大宽度)
注：IE6及以下版本不识别该组属性。

3、高度自适应
1.元素高度自适应窗口高度
设置方法：html，body{height:100%;}
需要自适应的元素：height:100%;
2.自适应元素高度
父元素：height：value；
需要自适应父元素高度的子元素：height:100%;

height:auto，是指根据块内内容自动调节高度。
height:100%，是指其相对父块高度而定义的高度，也就是按照离它最近且有定义高度的父层的高度来定义高度。