css弹性布局

响应式网页：
	将三种已有的开发技术（弹性布局，弹性图片，媒体和媒体查询）整合起来，并命名为响应式网页。

我们为什么要使用弹性布局？

.box{
   
	width: 960px;
}

980px在普通的笔记本的刚刚好，但是一旦在高分辨率的显示器上两边就会出现空白，同理如果设置高的分辨率那么在低分辨率的显示器上就会出现滚动条。

flex布局

flex在css3引入，又称为弹性盒模型。实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变，减少依赖浮动布局实现元素位置的定义以及重置元素的大小。

设置flex语法：

display: flex;

flex熟悉的具体数值并不代表具体的宽度值&#x