在網頁當中，所有的元素都有自己的占位。

標準文檔流指在沒有CSS幹預的前提下，塊級元素獨占一行，可以自行定義寬、高；而行內元素並排顯示，寬、高為auto。

常見的塊級元素有：

<address>地址
<caption>表格表格標題
<div>劃分區域、區塊
<dl>定義列表
<dt>定義列表中的項
<dd>列表中定義條目
<form>創建一個表單
<h>標題標記
<hr>一條橫線
<li>定義列表項目
<ol>有序列表
<ul>無序列表
<p>定義段落
<table>html表格
<thead>表格的表頭部分
<tbody>表格的主體部分
<tfoot>表格的頁腳（腳註或表註）
<th>表頭單元格
<tr>表格中的行

常見的行內元素有：

<a>標簽定義錨
<abbr>表示一個縮寫形式
<em>標記，斜體顯示，著重語氣
<i>標記，單純斜體顯示
<b>標記，字體加粗
<br>強制換行
<cite>除了能表示斜體，還能將其標識為引用的作品
<img>向網頁中加入圖像
<input>輸入框
<lable>標簽為...
<q>小段、短的引用
<select>創建多選菜單
<small>呈現小號字體
<span>組合文檔內的行內元素
<strong>標記，字體加粗，著重語氣
<sub>下標
<sup>上標
<td>標準單元格
<textarea>多行文本框
<acronym>定義只能首字母縮寫
<bdo>可覆蓋默認的文本方向
<big>大號字體加粗
<code>定義計算機代碼文本
<dfn>定義一個項目
<kbd>定義鍵盤文本

而脫離文檔流除了上周所寫的浮動以外，通過定位的方式也會使元素脫離文檔流。

定位的幾條代碼：

position:static; 默認位置

position:relative; 相對定位：相對於自己本來的位置

值為：top:XXpx;

　　　left:XXpx; 等

positionabsolute; 絕對定位：對於html頁面原點（0,0點），會脫離文檔流

在父級設置position:relative;然後在自己中設置position:absolute;和屬性值可以控制自己在父級內部，非靜態定位

（以離它最近且包含它的容器來定位）

position:fixed; 固定定位，同樣脫離文檔流。

標準文檔流與脫離文檔流