微信小程序入门小白开发之路——UI布局

flex布局：

flex container：flex容器

item1、item2：flex元素

（1）rpx：“px”是像素，“rpx”是微信小程序独有的动态适应单位。

注：注释快捷键Ctrl+/，我的天我今天才知道。。。。。

（2）以前的版本中，对于flex的主轴是默认为从左到右，但是现在这个版本的测试中我发现默认是从上到下是主轴，这应该对以后没多大影响，只是关乎于flex的理解。

相对定位于绝对定位：

解决元素之间的重叠问题

相对定位的元素是相对自身进行定位，参照物是自己。

绝对定位的元素是相对离他最近的一个已经定位的父级元素进行定位。（摘自极客学院老师自己总结）

所以应该注意两点：第一点最重要：那就是已经被定位的。

通过这个课程我认为整个页面是最大的被定位的容器，container也好，container里面的元素也好，都是没有被定位的，对于相对定位而言，只与自身相关，不多言。对于绝对定位而言，页面是最大的父级元素且被定位，container若不被定位，对元素样式的设置一切绝对位置都是相对页面而言的，与container无关。