移动端的布局主要分为以下几种：

1. 框架布局：如Bootstrap、Foundation等，它们提供了丰富的布局组件，可以快速构建美观且响应式的页面布局。

2. Flexbox布局：Flexbox是现代Web中最流行的布局方式，它允许你创建灵活且可自定义的布局。它可以在移动端轻松实现响应式设计，但是它并不适合创建复杂的布局。

3. Grid布局：Grid布局是HTML5的新增布局方式，它基于网格系统来组织内容。它适合创建复杂的布局，并且可以在多个设备上进行良好的布局。

4. position属性：通过使用position属性，你可以控制元素的位置和在视口中的位置。这是最基础的布局方式，但是它需要更多的编程知识。

5. CSS伪元素：CSS伪元素可以用来创建元素的外边距、内边距、填充等属性。这是另一个强大的布局工具。

6. JavaScript库：有许多JavaScript库可以帮助你构建移动端的布局，如jQuery mobile、Angular mobile等。

在选择布局方式时，你需要考虑你的项目需求、你的开发工具以及你的团队技能。