宽高自适应

网页布局中经常要定义元素的宽和高，但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是自适应

（1）宽度自适应
元素宽度的默认值为auto
（2）高度自适应
元素高度的默认值{height:auto;}

min-width:200px 最小宽度不低于200px；
max-width:300px 最大宽度不高于300px；
min-height:200px 最小高度不低于200px;
max-width:300px 最大高度不低于300px;

浮动元素的高度自适应

父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷

visibility:hidden;和overflow:hidden;的区别：
overflow:hidden;脱离文档流不会占据原来的位置；重新显示后会占据原来的位置
visibility:hidden;不脱离文档流，隐藏元素

窗口自适应

盒子根据窗口的大小进行改变
设置方法：html，body{height:100%;}
由于html标签和body标签未定义高度，默认高度是0，所以需要先对html和body设置高度。