在实际的开发中，遇到了一个问题，要求保持一个元素一直保持在页面底部， 本来可是使用absolute或者fixed布局来实现，不过又有要求当页面有滚动条时要保持在页底。如图所示。 要求蓝色的部分一直保持在页底，绿色的部分的高度可能会变化，当绿色的部分太高时，要求蓝色的部分随滚动条滚动并在底部 ...

display: flex; flex-wrap: wrap; // 让弹性盒元素在必要的时候拆行： overflow: auto; // 规定当内容溢出元素框时发生的事情。auto:如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 ...

一：Lying人生感悟(可忽略) 摩西奶奶曾经说过：世界上，最公平和最不公平的，都是时间。别人偷不走它。而你也留不住它。你拥有它，却不能改变它。光阴里的艰难或是快乐，它都一一带走。 ...

摘录自 https://segmentfault.com/q/1010000011115918 ...

前言 　　前端开发最基础的能力是根据 ui 设计稿迅速还原页面，拿到设计稿不要急于写代码，首先要对页面进行分析，对页面的整体布局有个大概的了解，然后先实现一个整体的布局，再把布局拆分成逐个小模块，逐个去实现页面效果，基于传统的 float，div+css 等布局的方法，这篇文章总结一下 ...

如题，原因未知，解决办法，在display:flex上面一层再新增一个div。在div里面滚动 ...

经常我们会使用flex布局，但是flex布局常常会遇到一些不可思议的麻烦，下面介绍一下overflow遇到的麻烦 我在工作中使用了左右两栏布局 我的想法是左边宽度要自适应，而且需要滚动条，虽然这样设置了，但奇怪的事情发生，左边的内容并没有出现滚动条，通过查阅资料 ...

今天做一个小实战，需要让一个登录框始终保持水平和垂直居中，第一个想到的就是通过定位（要想让一个div居中，采用定位可以解决，示例）， 然后开始接触flex布局，学完感觉真的好用，现把知识点记录一下，以便自己日后查看（学习教程：阮大师的教程），笔记开始： 传统的布局：围绕盒子模型（border ...