宽度自适应：width
1、在页面布局中，如果块级元素设置成100%或者不设置的情况下，宽度默认自适应到整个屏幕。
2、块级元素不设置宽度的时候，和父级等宽。
3、如果当前元素脱离了文档流，元素的宽度由内容决定。——元素设置脱离文档流之前一定要给元素设置宽高大小，要不然元素是会看不见的哦~
高度自适应：height
1、如果块级元素不设置高度，并且没有内容时，元素在浏览器不显示。
2、如果块级元素不设置高度或者设置auto的时候，可以做到自适应。内容多高，元素高度就是多少。
子级元素想要做到自适应的话可以把height：100%；width：100%；这样子级元素的宽高就是从父级继承得到。
常见的用法：就是我前一天写的html body{width：100%；height：100%}给浏览器对象设置宽高，这样子级元素就自适应浏览器宽高。在这里面有这样一个案例，img{width：100%；height：100%}，就会导致图片拉伸变形。因为图片的宽高像素是固定的，想要适应父级的宽高，父级的宽高又比图片本身宽高大，所以导致图片拉伸变形。
最小高度min-height，当元素没有设置宽高时可以保持一个最小的高度，当元素内容添加进去时自动适应。
属性缺点：只能在高版本浏览器中使用，低版本中不显示，这也算是最小高度属性的bug了。那这里就有疑问了，怎么在低版本中显示最小高度呢？其实很简单，在低版本中_height属性和最小高度的默认作用是一样的，只要把min-height替换成_height就可以了。
最高权重!important，如果很难修改的样式，或者找不到需要修改样式的位置，就可以重新设置样式在样式后加这样的写法!important，这样权重最高，就会优先显示。很方便。
聊完最小高度咱们来聊下最大宽度和最小宽度，属性值分别为max-width和min-width。在标准的工作设计图中，最大宽度是1092px，这个是标准电脑分辨率，如果有分辨率比较高的电脑，那两侧是会留白的。最小宽度的作用是防止盒子布局错乱，设置一个最小宽度，防止因为缩小宽度内容偏移到下面去的问题。重要的用法：移动端——媒体查询。
在一个浏览器中导入一张图片，图片默认是跟下面的块状元素是有3~6px的间距，给其添加样式img{vertical-align: top}就可以解决这个bug。
