要解答這個問題，我們得先說說css中的定位機制：普通流，浮動，絕對定位 （其中"position:fixed" 是 "position:absolute" 的乙個子類）。
一，普通流：很多人或者文章稱之為文件流或者普通文件流，其實標準裡根本就沒有這個詞。如果把文件流直譯為英文就是 document flow ，但標準裡只有另乙個詞，叫做 普通流 （normal flow)，或者稱之為常規流。但似乎大家更習慣文件流的稱呼，因為很多中文翻譯的書就是這麼來的。比如《css mastery》，英文原書中至始至終都只有普通流 normal flow（普通流） 這一詞，從來沒出現過document flow （文件流）
二，浮動：浮動的框可以左右移動，直至它的外邊緣遇到包含框或者另乙個浮動框的邊緣。浮動框不屬於文件中的普通流，當乙個元素浮動之後，不會影響到 塊級框的布局而只會影響內聯框（通常是文字）的排列，文件中的普通流就會表現得和浮動框不存在一樣，當浮動框高度超出包含框的時候，也就會出現包含框不會 自動伸高來閉合浮動元素（「高度塌陷」現象）。顧名思義，就是漂浮於普通流之上，像浮雲一樣，但是只能左右浮動。
正是因為浮動的這種特性，導致本屬於普通流中的元素浮動之後，包含框內部由於不存在其他普通流元素了，也就表現出高度為0（高度塌陷）。在實際布局中，往往這並不是我們所希望的，所以需要閉合浮動元素，使其包含框表現出正常的高度。
問題問完後，就要上主題了，清浮動的方法：
1，空標籤清浮動；
css：
html：
class="parent">
class="left">
class="center">
class="box1">
class="box2">
class="right">
class="box3">
class="box4">
class="box5">
class="box6">
class="clear">
2,偽類清浮動；
css:
body
.parent
.left
.center
.center div
.box1
.box2
.right
.right div
.box3
.box4
.box5
.box6
.clear/* ie6認識 ff不認識 */
.clear:after/* ie6不認識，其它的都認識 */
html:
class="parent clear">
class="left">
class="center">
class="box1">
class="box2">
class="right">
class="box3">
class="box4">
class="box5">
class="box6">
3,br清浮動；
css:
html:
class="parent">
class="left">
class="center">
class="box1">
class="box2">
class="right">
class="box3">
class="box4">
class="box5">
class="box6">
"all" />
4,overflow:hidden清浮動;
css:
body
.parent/* 父級必須有寬度 overflow:hidden才好使 */
.left
.center
.center div
.box1
.box2
.right
.right div
.box3
.box4
.box5
.box6
html:
class="parent">
class="left">
class="center">
class="box1">
class="box2">
class="right">
class="box3">
class="box4">
class="box5">
class="box6">
5，display：inline-block清浮動；
css:
html:
class="parent">
class="left">
class="center">
class="box1">
class="box2">
class="right">
class="box3">
class="box4">
class="box5">
class="box6">
Linux基礎 第二節 第三課
toc 使用 touch 命令 touch test.data 使用 vi vim 方式 vi test.txt 對檔案的內容進行追加 echo xyyyyzzzz test.txt 編輯檔案內容 vi vim 快捷鍵在 vi 檢視模式下 dd 表示刪除游標所在的行的內容 zz 表示的是 x 表示 ...
第三課 第二節 常量 唯讀 列舉
1.常量 用const關鍵字修飾的資料叫常量 常量在宣告時，必須賦初始值 常量一旦宣告並賦值，它的值就不能改變 c 編譯器在編譯時，就用常量值代替常量名所在地方 在程式執行中，資料的值不會發生變化，就把資料定義為常量，來提高程式執行效率。2.唯讀變數 readonly修飾的變數是唯讀變數 唯讀變數的...
第三課 key的操作
在redis中，除了 n 和空格，不能作為名字的組成內容，其他任何內容都可以成為key的名字部分。名字長度不做要求。values strings lists sets sorted sets hash key不要太長。佔記憶體，查詢慢 key不要太短，像u 1000 pwd不如user 1000 p...