漂移布局
漂移布局是指使用float对元素向左或向右浮动，在浮动元素的下方的元素，可以使用clear对其样式进行清理，避免被浮动元素覆盖。
问题：放置顺序会发生变化导致浏览器阅读顺序发生变化。
冻结布局
冻结布局，固定所有内容大小。
问题：内容不会随浏览器窗口的变化而扩展。
凝胶物布局
固定所有内容大小，通过auto属性让边界扩展成凝胶物布局，并把内容放在页面中间。
绝对布局
创建流动布局，使用absolute属性定位元素，可以吧元素放在页面的任何位置。会占用一定的页面空间。可以用z-index调整叠放位置，z-index值越大，相对用户的位置就越近。
问题：绝对元素不能使用clear属性，当浏览器变宽时，会覆盖其他元素内容。
相对布置
属于页面流中的一部分。相对布置可以使元素仍然在流中，留出元素需要的空间，并把它偏移到它实际要显示的地方。
固定布置
总是以相对于浏览器窗口的位置放置，页面滚动式不会发生移动。页面其他内容在固定布置的元素下移动。