简介：设置各种框的高度宽度，使之成为设定尺寸，收缩适应到内容或拉伸到最大尺寸的框。
设定尺寸：手动设置元素的高度和宽度；
收缩适应：将元素的宽度或高度缩小为其内容尺寸；
拉伸：将元素的宽度和高度拉伸到容器的各边；
1、 宽度：width:auto 可以横向收缩以下类型的框：行内型、行内块级型、浮动型、表格型、和绝对型（left 和right均为auto 时）；当横向拉伸块级框和绝对框（left和right均为其他值，如0）；
绝对元素横向收缩时 例 {position:absolute;width:auto;left:0;right:auto;}
绝对元素水平拉伸 例{position:absolute;width:auto;left:0;right:0;}
Width:+value 指定像素、em、百分数、或其他固定度量值，设置元素的宽度
Width:%100 将元素拉伸到其父元素的宽度，此时有局限性，可能使元素超出父元素。
2、 宽度：height:auto 可以纵向收缩以下类型的框：行内型、行内块级型、块级型、浮动型、表格型、和绝对型（top和bottom均为auto 时）；当纵向拉伸绝对框（left和right均为其他值，如0）；
绝对元素纵向收缩时 例 {position:absolute;height:auto;top:0;bottom:auto;}
绝对元素垂直拉伸 例{position:absolute;height:auto;top:0;bottom:0;}
Width:+value 指定像素、em、百分数、或其他固定度量值，设置元素的高度
Width:%100 将元素拉伸到其父元素的宽度，此时有局限性，可能使元素超出父元素。
原文：http://www.cnblogs.com/liufangdekele/p/5770855.html