若是没有指定定位方式，默认为静态定位。
1、静态定位（static)
静态定位会将所有元素正常流入页面。
2、绝对定位（absolute）
绝对定位将元素完全从页面流中取出，允许你为他制定一个绝对的位置。这是相对于离他最近的父元素来指定的（这一般是<html>，除非你自行指定了另外的父元素）。如果一个绝对定位元素嵌套在另一个定位元素中，这个元素就会相对于外包含元素定位。
3、固定定位（fixed）
固定定位是相对于浏览器窗口，把元素放在一个特定的固定位置。页面滚动时，固定定位的元素不会移动。
4、相对定位（relative）
相对定位会相对于其外围包含元素来定位，元素仍在正常的页面流中，然后按你指定的量偏移元素。
总结
- 流
浏览器使用流在页面中放置元素。
- 块元素
块元素在流中会自动有一个换行，块元素从上往下流，各元素之间有一个换行。默认每个快元素会占浏览器窗口的整个宽度。可以通过设置width属性，设置内容区的宽度。
正常页面流中两个块元素的外边距会折叠未最大的外边距大小，例如块元素1的外边距为10px，块元素2的外边距为5px，那么块元素1和块元素2的间距为10px。
- 内联元素
内联元素从块元素内部从左上方流向左下方。如果需要多行，浏览器会换行。在垂直方向上扩展外围块元素，来包含内联元素。
- 浮动元素
浮动元素会从正常流中取出，浮动到左边或者右边。float属性。浮动元素放在块元素之上，不会影响正常的页面流。不过，内联内容会考虑浮动元素的边界，围绕着这个浮动元素。
浮动元素必须有特定的宽度，不能设置为auto。
- clear属性
clear属性用来指定一个块元素左边或者右边不能有浮动元素。设置了clear属性的块元素会下移直到它旁边没有块元素。
- 流体布局
流体布局是指，扩展浏览器窗口时，页面中的内容会扩展以适应页面。
- 冻结布局
冻结布局是指，其中的内容宽度是固定的，不会随着浏览器窗口扩展或收缩。
- 凝胶布局
凝胶布局是介于流体布局和冻结布局之间，其中内容的宽度是固定的。但是外边距会随着浏览器窗口扩展或收缩。通常会把内容放在中央。
- position属性
static/absolute/fixed/relative。使用绝对、固定和相对定位时，属性top、right、bottom、left可以用来指定元素位置。
- CSS表格
CSS表格显示允许按一种表格布局来摆放元素。