微信小程序布局中的兩個概念是相對對位和絕對定位。
相對定位：
如果對一個元素進行相對定位，它將出現在讓它出現的位置，這個位置"相對於"其原位置進行移動。此元素移動后仍然保持原來的形狀，且原來所占據的空間仍保留。同時，新位置會覆蓋其他顯示效果。
例子：
box_relative{
position:relative; --------表示要進行相對定位
left:30px; ----------相對原位置左移動30px
top:20px; ---------相對原位置下移動20px
}
絕對定位：
設置為絕對定位的元素框從文檔流中完全刪除，並相對於其包含祖先（整個文檔流）進行定位，包含塊可能是文檔中的另一個元素或是初始包含塊。原來所占的空間也會被關閉（之后的元素補上），好像該元素從不存在一樣。
例子：
box_absolute{
position:absolute; -------表示要進行絕對定位
left:30px; -------絕對於原祖先元素的位置左移30px，原占位取消
top:20px; -------絕對於原祖先元位置下移20px，原占位取消
}
絕對定位可以通過設置z-index來控制堆放次序。
浮動：(float)
浮動可以向左或向右移動，直到外邊緣碰到包含框或另一個浮動框的邊框為止。
浮動脫離了原文檔流，不在文檔的普通流，所以其他框表現的就像浮動框不存在一樣。
若干個浮動框無法水平排列的情況下，會向下移動。幾個浮動框高度不同，小浮動框還可能被大的卡住不換行。