父元素设置了flex 布局
display: flex; align-items: center;
如何让某个子元素靠右呢?
方法一
flex: 1; text-align: right;
方法二
margin-left: auto;
小结：
· 父盒子加了display: flex，就相当于起到浮动的效果，盒子会自行排列成一排；
· 若想让父盒子里的某一个盒子靠右显示，其他盒子居左， 只需要在父盒子里面，加入display: flex，在想要移动的盒子里面，加入margin-left: auto即可；
· 同理，如果你想让第一个盒子向左显示，其余盒子都向右显示，只需要给左边的第一个盒子设置 margin-right:auto即可；
该方法主要用来做网站自适应的，同时可以实现撑起内容高度。实现方法很多，其中简洁的方法就是直接在img的父元素上加padding-bottom<div class="img-b...
说起text-align，大家一定都不觉得陌生，我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐，当然我们也使用justify来实现文本两端对齐。如上图，两端对齐...
使用HTML5提供的JavaScript Api可以实现主流浏览器的全屏和退出全屏操作，封装成进入全屏和退出全屏的函数如下：//进入全屏 func...
透明度参照表：00%=FF（不透明） 5%=F2 10%=E5 15%=D8 20%=CC 25%=BF 30%=B2 35%=A5 40%=99 45%=8c 50%=7F 55%=72 60%=6...
css动画大家都不陌生，但是你知道css动画是可暂停的吗？如果你不知道就来看看吧。虽然用过很多次animation，但是也就前几天才知道动画是可以暂停的，可见自己对动画的了解还是不够深，一起来学习一下...
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所...
