定位：將盒子定在某一個(gè)位置
定位=定位模式+邊偏移
定位模式：
決定元素的定位方式拇泛，position（static、relative思灌、absolute俺叭、fixed）
1.靜態(tài)定位：默認(rèn)定位方式，無定位的意思
語法：選擇器{ position：static泰偿；}
2.相對定位：元素在移動(dòng)位置的時(shí)間熄守，相對于自己原來的位置
語法：選擇器{ position：relative；}
特點(diǎn)：移動(dòng)時(shí)的參照點(diǎn)是自己原來的位置
? ? ? 不脫標(biāo)耗跛，繼續(xù)保留原來位置
3.絕對定位：相對于祖先元素來移動(dòng)
語法：選擇器{ position：absolute裕照；}
邊偏移：
特點(diǎn)：如果沒有祖先元素或者祖先元素沒有定位，以瀏覽器為準(zhǔn)
? ? ? 如果父元素有定位课兄，會(huì)以父級為參考點(diǎn)
? ? ? 絕對定位不在占用原來的位置牍氛，脫標(biāo)
4.固定定位：元素固定于瀏覽器可視區(qū)的位置，頁面滾動(dòng)元素位置不會(huì)變
語法：選擇器{ position：fixed烟阐；}
特點(diǎn)：以瀏覽器的可視窗口為參照點(diǎn)移動(dòng)元素
? ? ? 跟父元素沒有任何特點(diǎn)
? ? ? 不隨滾動(dòng)條滾動(dòng)
? ? ? 固定定位不在占有原來的位置搬俊，脫標(biāo)
固定在版心右側(cè)位置：
小算法：讓固定定位的盒子left50%
? ? ? ? 讓固定定位盒子margin-left版心寬度的一般距離
5.粘型定位：相對定位和固定定位的混合
語法：選擇器{ position：sticky；top：10px}
特點(diǎn)：以瀏覽器的可視窗口參照
? ? ? 占有原先的位置（相對定位特點(diǎn)）
? ? ? 必須添加top等4個(gè)屬性中的一個(gè)才有效
定位的盒子移動(dòng)到最終位置蜒茄，top唉擂、bottom、left檀葛、right
定位疊放次序z-index：
語法：選擇器{ z-index：1玩祟；}
數(shù)值可以是正整數(shù)、負(fù)整數(shù)或0屿聋，默認(rèn)是auto空扎，數(shù)值越大藏鹊，盒子越靠上
數(shù)字后面不能加單位
只有定位的盒子又有z-index
元素的顯示與隱藏：類似于網(wǎng)頁的小廣告
display：顯示隱藏
none 隱藏對象 位置也沒有了、block 轉(zhuǎn)換為塊級元素/顯示元素
visibility：顯示隱藏
visible:可見
hidden：隱藏 位置還保留
overflow：溢出顯示隱藏
浮動(dòng)（float）：float：none/left/right
用于創(chuàng)建浮動(dòng)框转锈，將其移動(dòng)到一邊盘寡，知道左或有邊緣觸及另一個(gè)浮動(dòng)框得邊緣
可以讓多個(gè)塊級元素一行內(nèi)排列
多個(gè)塊級元素縱向排列排列用標(biāo)準(zhǔn)流，橫向排列用浮動(dòng)
浮動(dòng)特性：
1.浮動(dòng)元素會(huì)脫離標(biāo)準(zhǔn)流：
? 脫離標(biāo)準(zhǔn)普通流得控制撮慨，移動(dòng)到指定位置竿痰。脫標(biāo)
? 浮動(dòng)的盒子不在保留原先的位置
2.如果給多個(gè)盒子都設(shè)置了浮動(dòng)，則他們會(huì)按照一行內(nèi)顯示丙炔頂端對齊
3.浮動(dòng)元素會(huì)具有行內(nèi)塊元素特性
4.浮動(dòng)元素經(jīng)常和標(biāo)準(zhǔn)流夫級搭配使用：
? 先用標(biāo)準(zhǔn)流得父元素排列上下位置砌溺，之后內(nèi)部子元素采取浮動(dòng)排列左右位置
? 先設(shè)置盒子大小影涉，在設(shè)置盒子位置
注意：1.浮動(dòng)和標(biāo)準(zhǔn)流得父盒子搭配
? ? ? 2.一個(gè)元素浮動(dòng)了，理論上其余的兄弟元素也要浮動(dòng)
清除浮動(dòng)：父盒子不方便給高度规伐，但是浮動(dòng)不占位置
本質(zhì)：清除浮動(dòng)元素造成得影響
? ? ? 如果父盒子本身有高度蟹倾，則不需要清楚浮動(dòng)
? ? ? 清除浮動(dòng)之后，父級就會(huì)根據(jù)浮動(dòng)的子盒子自動(dòng)檢測高度
語法：選擇器{clear：屬性值（left楷力，right喊式，both）；}幾乎只用clear：both萧朝；
1.額外標(biāo)簽法：
在浮動(dòng)元素的末尾添加一個(gè)空標(biāo)簽，通俗易懂夏哭，書寫方便
2.父級添加overflow屬性：
給以給父級添加overflow屬性检柬，設(shè)置為hidden、auto或scroll
3.父級添加after偽元素
4.雙偽元素清除浮動(dòng)
