有了前面三篇的基础，现在可以开始布局了。
首先任何布局都必须包含在<Window></Window>标签内，跟<html></html>很像。
DuiLib提供了两种布局方式，水平布局和垂直布局，虽然没有css左右浮动那么方便，但是有这些东西，完全可以像写页面table一样去完成。
水平布局是HorizontalLayout，垂直布局为VerticalLayout。在Window标签内，默认的是垂直布局。
下面来看一段代码，包含了水平和垂直布局。
效果如下图：
如果标签内的元素总长度超过了既定大小，它会自动压缩大小的。下图为8个button超长的效果：
下面我们来一个demo布局试下。
效果如图：
这里用到pos，这是一个相对父级的绝对定位方式，这样不能自适应窗口大小变化。
大概操作了一把，觉得布局还是比较容易上手。以后可以做更复杂的东西了。