一.絕對定位
position: absolute;
/*絕對定位： 1、定位屬性值：absolute 2、在頁面中不再占位(浮起來了)，就無法繼承父級的寬度(必須自己自定義寬度) 3、一旦定位后，定位的布局方位 top、bottom、left、right都能參與布局 4、絕對定位的參考系是最近的定位父級(不是父級中的哪一點，而是四邊參照四邊) 5、左右同時存在，取左；同理上下取上 6、當父級定位了，子級參照父級定位，又可以重新獲取父級寬度(也可以在計算中拿到父級高度) */position:fixed
生成絕對定位的元素，相對於瀏覽器窗口進行定位。
二.相對定位
position: relative;
父級(最近的一個父級)相對定位的目的
1）不影響自身布局
2）輔助自己絕對定位布局
三默認定位
position: static
默認值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。
四.繼承定位
position:inherit
規定應該從父元素繼承 position 屬性的值。
五.滾動條
overflow
- hidden:沒有滾動條,且內容只有規定區域的內容.
-
visible:默認值沒有滾動條,這個屬性定義溢出元素內容區的內容會如何處理且顯示.
-
scroll:這個屬性定義溢出元素內容區的內容會如何處理。如果值為 scroll，不論是否需要，用戶代理都會提供一種滾動機制。因此，有可能即使元素框中可以放下所有內容也會出現滾動條.
-
auto:顯示滾動條,且內容只有規定區域的內容.
來源：小小咸魚YwY