使用CSS的flex的感悟

如何使用flex，有很多成熟的教程，但对于我来说（技术小白），有些说太多是没有用的。这里就谈谈小白的感悟，怎么样才能用起来flex，实现自适应。我是比较笨的，有些技术方法如果不是自己用一遍并且深刻理解，永远不会想起去使用的。

写这篇的目的就是想要表达，当你还在一像素一像素堆积页面的时候，殊不知完全可以使用flex进行全部的自适应。

告诉自己是否理解盒子模型，理解CSS里面的padding、margin等这些名词，就是说它不只是抽象的。

稍后补充……

使用到的有：

{

display: flex;

flex-direction: column;

height: 100%;

}

{

flex: 1;

display: flex;

flex-direction: column;

overflow-y: auto;

font-size: 14px;

background: @ gray-dark-background;

}

{

text-align: right;

padding: 20px;

}