Flexbox是CSS3中一种用于布局的新模式，可以通过它来更加方便地实现响应式布局。
在Flexbox布局中，主轴和侧轴是非常重要的概念。
主轴是Flexbox布局中默认的方向，可以是水平方向（row）或垂直方向（column）。在主轴方向上，Flexbox可以通过justify-content属性来定义主轴上的对齐方式，如居中、左对齐、右对齐等。同时也可以通过flex-wrap属性来控制主轴方向上的换行方式。
侧轴是相对于主轴垂直的另一条轴线，可以是水平方向或垂直方向。在侧轴方向上，Flexbox可以通过align-items属性来定义侧轴上的对齐方式，如居中、上对齐、下对齐等。同时也可以通过align-content属性来控制侧轴方向上的换行方式。
通过灵活地运用主轴和侧轴的属性，可以实现各种复杂的布局效果。
在Flexbox中，每个flex元素都有一个flex-basis属性，它定义了在不考虑任何弹性因素的情况下，元素在主轴上的初始大小。如果没有指定flex-basis属性，元素的初始大小会根据元素内容自动调整。
在Flexbox中，每个flex元素都有一个flex-grow属性和一个flex-shrink属性，它们分别定义了元素在主轴上的弹性增长和缩小因子。如果没有指定flex-grow或flex-shrink属性，它们的默认值分别为0，表示元素在主轴方向上不会弹性增长或缩小。
Flexbox还提供了一个flex属性，可以用来快速指定flex-basis、flex-grow和flex-shrink这三个属性的值。flex属性的值是一个简写属性，形如：flex:[flex-basis][flex-grow][flex-shrink]，其中方括号表示可选的值。
在使用Flexbox布局时，我们需要注意一些常见问题，比如flex元素的尺寸计算、flex元素的margin和padding计算、flex元素的换行以及flex元素的嵌套等问题。这些问题都可以通过灵活运用Flexbox的属性来解决。
总的来说，Flexbox是一种非常强大、灵活和易用的布局方式，它可以帮助我们更加方便地实现各种复杂的布局效果。