1.display: inline 將塊級元素轉換成行內元素
block 將行內元素轉換成塊級元素
inline-block 將元素轉換成行內塊級元素
2.浮動
脫離文件流
不會遮擋行內元素，會遮擋塊級元素
不能上下浮動，只能左右浮動
不能使用 margin: 0 auto;
清除浮動：父子級 給父級加overflow:hidden;
使用::after偽元素
content: "";
display: block;
clear: both;
兄弟級 新增空元素並給空元素設定clear:both
停止浮動： 遇到其他浮動元素的時候
遇到父級的邊框時候
static：靜態布局，預設的
absolute： 絕對定位。left，right，top，bottom
根據瀏覽器的左上角進行定位
脫離文件流
不保留定位前的空間
若父級元素有定位屬性，則根據父級元素的左上角
relative：相對定位
相對元素本身位置進行定位(若相對本身向上或者向左的話要設定負值)
不脫離文件流
保留定位空間
fixed： 固定定位
和絕對定位基本一致，也會脫離文件流
不會根據滾動條的滾動而滾動
定位 與浮動
1 區塊浮動 絕對定位 脫離正常的文件流，相當於飄起來 向 飄起來，於是就有了float 1，div 是塊級元素，他會自動換行 2，對元素使用 float 浮動的話，他會自動的把定位方式變為 絕對定位 如果絕對定位之後，這個元素下面還有元素，會頂上去 注釋 正常情況下，按照上下的順序正常顯示，當浮動...
浮動與定位
浮動 浮動元素會以某種方式從文件的正常流中刪除，再按照屬性值移動到制定的位置，浮動元素從某種意義上來說自成一派，但是他仍會對文件布局產生影響。注意事項 a.如果要對乙個非替換元素進行浮動，那麼必須為該元素宣告乙個寬度，否則，根據css規則，元素寬度近似為0，元素布局將會出現意想不到的結果。b.元素宣...
浮動與定位
1 元素的浮動屬性float的 基本的格式 選擇器一般他的值包過3個在內 屬性值 描述 left 元素會向左浮動 right 向右 none 不浮動 2 清除浮動 clear的屬性 選擇器屬性值 描述 left 不允許左側有浮動元素 清除左側浮動的影響 right 不允許右側有浮動元素 清除右側浮動...