weixin_43983960的博客

在vue2项目中使用sass来方便编写css样式，所以需要借助安装sass预编译器来进行处理css，在安装node-sass过程中出现无法安装的问题。

一，flex弹性盒子布局1. flex弹性盒子介绍弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox，是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。2. flex弹性盒子组成弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器定义，通过设置 display 属

网页的浮动布局比较灵活，但是不容易控制。而定位布局的出现，使得用户精准定位页面中的任意元素成为可能，此时页面布局操作也变得更加随心所欲。因此在实际开发中，灵活使用这两种布局方式，更好地满足开发需求。一，定位布局的介绍对于定位布局，position属性取值如下表所示。属性值说明作用的位置对象fixed固定定位相对于浏览器四条边的位置relative相对定位相对于元素相对原始的位置absolute绝对定位（默认浏览器）常用于相对于父级元素来定位布局元素的位.