拉伸

内联元素

内联元素无法拉伸，因为width和height对它不起作用

块状元素水平方向默认(auto)是拉伸的，竖直方向{height:100%}

当然，你也可以设置{width:100%}。但是，这个时候，box不会自动调整其宽度。比如：像现在这样有边框时，会溢出

设置{width:100%}，只要没有水平外边距，它就能起作用。否则他会溢出到父元素外面。如果设置的水平边框或内边距时，也会造成溢出父元素

和内联-块状元素一样，margin会使{width:100%}的表格溢出，但边框和内边距不影响
元素	拉伸实现
浮动元素	{width:100%;height:100%}
静态内联元素	无法拉伸
静态内联-块状元素	{width:100%;height:100%}
静态块状元素	auto or 100%
表格元素	{width:100%;height:100%}
绝对定位	水平拉伸：{width:auto;left:0;right:0} 竖直拉伸：{top:0;bottom:0;height:auto;} ie6不能对绝对定位元素进行拉伸

浮动元素和内联-块状元素一样

背景色

全面拉伸