文件流和文字流
文件流是相對於盒子來說
文字流相對文字段落來說
元素浮動會跳出正常的文件流 也就是它後面的元素時，會無視它佔據的區域
直接在身下布局。但是沒有文字認同它佔據的位置，圍繞在身邊布局，也就是
說脫離文件流，但是沒有脫離文字流。
定位和浮動不同 定位不但脫離文件流 還脫離文字流
float：
1.left
2.right
3.none 取消浮動
clear：
1.left
2.right
3.both 刪除浮動
css定位
relative ：相對定位 最大的特點：通過自身位所置所在位置進行偏移，
就算偏移了，依然還佔據原來的區域。根據 left、right、top、
bottom屬性進行偏移，可以通過z-index 層疊順序
absolute：絕對定位 設定絕對定位會直接脫離文字流，也是根據left、right
top、bottom屬性進行偏移，定位會根據父級物件進行定位，如果父
級物件沒有定位，則根據html規則，在body的左上角進行定位，也可
以通過z-index層疊順序。
fixed ：固定定位 值的元素想對瀏覽器視窗定位，比如**旁邊的廣告，滾
動條拉到哪就跟到哪。
z-index :可以用來處理非普通流前後順序，值無單位整數，越大越靠前。
背景定位：background-attachment:fiexd;
定位 與浮動
1 區塊浮動 絕對定位 脫離正常的文件流，相當於飄起來 向 飄起來，於是就有了float 1，div 是塊級元素，他會自動換行 2，對元素使用 float 浮動的話，他會自動的把定位方式變為 絕對定位 如果絕對定位之後，這個元素下面還有元素，會頂上去 注釋 正常情況下，按照上下的順序正常顯示，當浮動...
浮動與定位
浮動 浮動元素會以某種方式從文件的正常流中刪除，再按照屬性值移動到制定的位置，浮動元素從某種意義上來說自成一派，但是他仍會對文件布局產生影響。注意事項 a.如果要對乙個非替換元素進行浮動，那麼必須為該元素宣告乙個寬度，否則，根據css規則，元素寬度近似為0，元素布局將會出現意想不到的結果。b.元素宣...
浮動與定位
1 元素的浮動屬性float的 基本的格式 選擇器一般他的值包過3個在內 屬性值 描述 left 元素會向左浮動 right 向右 none 不浮動 2 清除浮動 clear的屬性 選擇器屬性值 描述 left 不允許左側有浮動元素 清除左側浮動的影響 right 不允許右側有浮動元素 清除右側浮動...