移动web(3)

固定定位，脱标，宽度由内容撑开

footer html的底部标签

dsplay:flex

1. 变成弹性盒子模型 df

   当父元素设置了弹性盒子模型后，

   所有的子元素

   1. 会在强制一行上显示
   2. 子元素可以自由的设置宽度和高度
   3. 子元素默认宽度 由内容撑开
   4. 子元素默认高度和父元素等高

   */

   flex 的子元素占位置

   /*

   主轴对齐方式 justify-content: jc

   flex-start 默认值

   flex-end

   ---- 重要 ----

   center 居中 jcc

   space-between 两端对齐剩下的盒子平分间隙jcsb

   space-around 间隙环绕每一个子元素

   space-evenly 让所有的间隙都相同

   */

   /* justify-content: flex-end; */

   /* justify-content: center; */

   /* justify-content: space-between; */

   /* justify-content: space-around; */

   justify-content: space-evenly;

Flexbox Froggy - A game for learning CSS flexbox

侧轴对齐方式

align-items: flex-end;

align-items: center;

伸缩比

/flex:数字；

固定定位

position:fixed; 相对浏览器进行定位，不占位置（脱标）（使用定位默认转变成行内块（一行显示多个，可以设置宽高），如果是div,注意宽高由内容撑开）