css 宽高自适应

一、css宽高自适应原理：

宽度自适应：

1、body默认是块级，宽度是100%，当元素宽度不设置时会占满一行

2、子块级元素不设宽度时默认占满父元素，但是float和position元素必须设置宽，否则其宽度由内容决定

高度自适应：

1、浏览器默认高度是0，因此如果直接给body下元素设置高度为100%则其实际高度为0

解决方法：body，html{height：100%}

2、当父元素不设置高度时，如果子元素全部浮动，会出现高度塌陷问题

3、其余与宽相同

链接：http://t.csdnimg.cn/V96iT