flex属性的设立以及用法

在本周我在回到顶部按钮的使用时因为位置问题调试时使用了flex属性从而对此有了一些想法来分享一下；
首先
display: flex; 将对象作为弹性伸缩盒展示，用于块级元素
display: inline-flex; 将对象作为弹性伸缩盒展示，用于行内元素
这是flex大致的使用前提；引用flex；之后要对flex设置属性；
我所知道的设置flex的一种方法是设置flex-direction

用于指定Flex主轴的方向，继而决定 Flex子项在Flex容器中的位置
取值：row | row-reverse | column | column-reverse
row：默认值，表示水平方向从左到右排列，此时水平方向轴线为主轴
row-reverse：与row相反
column：表示垂直方向从上到下排列，此时垂直方向轴线为主轴
column-reverse：与column相反