一.
浮動：相對于父元素浮動的兩個盒子，兩個盒子之間的位置是有影響的，不可以重疊，如果同樣是左浮得話，會依次排序。
1.float屬性：
left-左浮動
right-右浮動
none-不浮動
2.清除float的方法：
屬性-常用–clear:both;
clear:left;
clear:right;
3.特點:
元素會左移，或右移，直到觸碰到容器為止。
設定了浮動的元素，仍舊處於標準文件流中 意味著它會佔據標準文件流中的空間,對周圍的元素產生影響。
當元素沒有設定寬度，而設定了浮動屬性，元素的寬度隨內容的變化而變化
當元素設定浮動屬性後，會對相鄰的元素產生影響， 相鄰元素特指緊鄰後面的元素
二.定位：同樣是相對于父元素進行定位的兩個盒子 ，兩個盒子位置之間沒有關係，兩個盒子甚至可以重疊。
1.position屬性
擁有三種定位形式:靜態定位 相對定位 絕對定位
2.4個屬性值:
static(預設靜態定位)
relative（相對定位）
absolute(絕對定位)
fixed(絕對定位)
3.相對定位
特點:相對於自身原有位置進行偏移
仍處於標準文件流中
隨即擁有偏移屬性和z-index屬性
4.絕對定位
特點:建立了以包含快為基準的定位
完全脫離了標準文件流
隨即擁有偏移屬性和z-index屬性
浮動和定位的區別
動 float 和絕對定位 position absolute 相同點 1 都是漂起來 離開原來的位置 2 並且都不佔著原來的位置 3 另外，如h1包文字的標籤，預設只設height的情況下，它的width是鋪滿父元素的寬度的，而當浮動或絕對定位後，它的寬度就是h1內文字的寬度 不同點 float後...
定位 與浮動
1 區塊浮動 絕對定位 脫離正常的文件流，相當於飄起來 向 飄起來，於是就有了float 1，div 是塊級元素，他會自動換行 2，對元素使用 float 浮動的話，他會自動的把定位方式變為 絕對定位 如果絕對定位之後，這個元素下面還有元素，會頂上去 注釋 正常情況下，按照上下的順序正常顯示，當浮動...
浮動與定位
浮動 浮動元素會以某種方式從文件的正常流中刪除，再按照屬性值移動到制定的位置，浮動元素從某種意義上來說自成一派，但是他仍會對文件布局產生影響。注意事項 a.如果要對乙個非替換元素進行浮動，那麼必須為該元素宣告乙個寬度，否則，根據css規則，元素寬度近似為0，元素布局將會出現意想不到的結果。b.元素宣...