文件流
將窗體自上而下分成一行行, 並在每行中按從左至右的順序排放元素,即為文件流.
每個非浮動塊級元素都獨佔一行, 浮動元素則按規定浮在行的一端. 若當前行容不下, 則另起新行再浮動.
內聯元素也不會獨佔一行. 幾乎所有元素(包括塊級,內聯和列表元素)均可生成子行, 用於擺放子元素.
有三種情況將使得元素脫離文件流而存在,分別是浮動,絕對定位, 固定定位. 但是在ie中浮動元素也存在於文件流中(還讓我覺得這樣很合理》<).
浮動元素不佔任何正常文件流空間，而浮動元素的定位還是基於正常的文件流，然後從文件流中抽出並盡可能遠的移動至左側或者右側。文字內容會圍繞在浮動元素周圍。當乙個元素從正常文件流中抽出後，仍然在文件流中的其他元素將忽略該元素並填補他原先的空間。
浮動概念讓人迷惑根源在於瀏覽器對理論的解讀造成的。只能說很多人以ie做標準，其實它不是。
基於文件流, 我們可以很容易理解以下的定位模式:
內聯元素是什麼意思呢？什麼是塊級別元素。
《css權威指南》中文字顯示：任何不是塊級元素的可見元素都是內聯元素。其表現的特性是「 行布局」形式，這裡的「行布局」的意思就是說其表現形式始終以行進行顯示。比如，我們設定乙個內聯元素border-bottom:1px solid #000;時其表現是以每行進行重複，每一行下方都會有一條黑色的細線。如果是塊級元素那麼所顯示的的黑線只會在塊的下方出現。
p、h1、或div等元素常常稱為塊級元素，這些元素顯示為一塊內容；strong,span等元素稱為行內元素，它們的內容顯示在行中，即「行內框」。（可以使用display=block將行內元素轉換成塊元素，display=none表示生成的元素根本沒有框，也既不顯示元素，不占用文件中的空間）
a：行內就是在一行內的元素，只能放在行內；塊級元素，就是乙個四方塊，可以放在頁面上任何地方。
b：說白了，行內元素就好像乙個單詞；塊級元素就好像乙個段落，如果不另加定義的話，它將獨立一行出現。
c：一般的 塊級元素諸如段落、標題...、列表,
CSS文件流與塊級元素和內聯元素
塊元素 block element 一般是其他元素的容器元素 塊元素一般都從新行開始，它可以容納內聯元素和其他塊元素,常見塊元素是段落標籤 p form 這個塊元素比較特殊，它只能用來容納其他塊元素。如果沒有css的作用，塊元素會順序以每次另起一行的方式一直往下排。而有了css以後，我們可以改變這種...
CSS塊級元素與內聯元素
css文件流與塊級元素 block 內聯元素 inline 之前翻閱不少書籍，看過不少文章，看到所多的是零碎的css布局基本知識，比較表面。看過o reilly的 css權威指南 發現裡面提到的文件流概念讓我很敏感。可惡的是書中並沒有解釋文件流是什麼東西，或許作者覺得這個太簡單了以至於不值一提。但我...
CSS內聯元素與塊級元素
css內聯元素與塊級元素 任何不是塊級元素的可見元素都是內聯元素。其表現的特性是 行布局 形式，這裡的 行布局 的意思就是說其表現形式始終以行進行顯示。所以塊級元素是獨佔一行，多個內聯元素佔這一行，自己裡面還可以劃分行。主要用的css樣式有以下三個 display block 顯示為塊級元素 dis...