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

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

常見的塊級元素有：

<address>地址
<caption>表格表格標題
<div>劃分區域、區塊
<dl>定義列表
<dt>定義列表中的項
<dd>列表中定義條目
<form>創建一個表單
<h>標題標記
<hr>一條橫線
<li>定義列表項目
<ol>有序列表
<ul>無序列表
<p>定義段落
<table>

常見的行內元素有：

<a>標簽定義錨
<abbr>表示一個縮寫形式
<em>標記，斜體顯示，著重語氣
<i>標記，單純斜體顯示
<b>標記，字體加粗
<br>強制換行
<cite>除了能表示斜體，還能將其標識為引用的作品
<img>向網頁中加入圖像
<input>輸入框
<lable>標簽為...
<q>

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

定位的幾條代碼：

position:static; 默認位置

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

值為：top:XXpx;

　　　left:XXpx; 等

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

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

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

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

標準文檔流與脫離文檔流