微信小程序布局中的两个概念是相对对位和绝对定位。
相对定位：
如果对一个元素进行相对定位，它将出现在让它出现的位置，这个位置"相对于"其原位置进行移动。此元素移动后仍然保持原来的形状，且原来所占据的空间仍保留。同时，新位置会覆盖其他显示效果。
例子：
box_relative{
position:relative; --------表示要进行相对定位
left:30px; ----------相对原位置左移动30px
top:20px; ---------相对原位置下移动20px
}
绝对定位：
设置为绝对定位的元素框从文档流中完全删除，并相对于其包含祖先（整个文档流）进行定位，包含块可能是文档中的另一个元素或是初始包含块。原来所占的空间也会被关闭（之后的元素补上），好像该元素从不存在一样。
例子：
box_absolute{
position:absolute; -------表示要进行绝对定位
left:30px; -------绝对于原祖先元素的位置左移30px，原占位取消
top:20px; -------绝对于原祖先元位置下移20px，原占位取消
}
绝对定位可以通过设置z-index来控制堆放次序。
浮动：(float)
浮动可以向左或向右移动，直到外边缘碰到包含框或另一个浮动框的边框为止。
浮动脱离了原文档流，不在文档的普通流，所以其他框表现的就像浮动框不存在一样。
若干个浮动框无法水平排列的情况下，会向下移动。几个浮动框高度不同，小浮动框还可能被大的卡住不换行。