css元素定位与宽高自适应

css元素定位属性：

position属性：定义简历元素布局所用的定位机制。

语法：{position：static/absolute/relative/fixed}

说明：
static：默认值。没有定位，元素出现在正常的流中

absolute：生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。
元素的位置通过left 、top、right、以及bottom属性进行规定
定位在底部位置，不会变动

relative：生成相对定位的元素，相对于其重仓位置进行定位

fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。
元素的位置通过left、top、right、bottom属性进行规定。

使用position属性 达成的效果

z-index属性：检索或设置对象的层叠顺序

语法：{z-index：auto/number}

说明：
auto：默认值。遵从其父对象
number：无单位的整数值。可为负数

较大number值的对象会覆盖在较小number值的对象上。
如两个绝对定位对象的此属性具有同样的number值，那么将
依据他们在html文档中声明的顺序层叠

此属性仅仅作用于position属性值为relative或者absolute的对象

z-index要与position一起使用

设置了z-index的 值 大的 会覆盖z-index值小的。

宽度自适应

元素宽度设置为100%。 （块元素宽度默认为100%）会随着页面的大小根据比率缩放

2、元素具备最小高度的自适应
min-height属性：最小高度：

说明：ie6浏览器不识别该属性，height属性在ie6里就类似
min-height作用。

hack1：min-height：value(高度)； _height:value（高度）;
hack2：min-height：600px；height：aoto ！important； height：600px；

高度自适应

1.元素高度自适应窗口高度
设置方法：html，body{height：100%}
需要自适应的元素：height：100%；

2.自适应元素高度
父元素：height：value；
需要自适应父元素高度的子元素：height：100%

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