0805自我總結 一.絕對定位 生成絕對定位的元素，相對於瀏覽器視窗進行定位。 二.相對定位 父級(最近的一個父級)相對定位的目的 1）不影響自身佈局 2）輔助自己絕對定位佈局 三預設定位 預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z in ...
0805自我總結
一.絕對定位
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:顯示滾動條,且內容只有規定區域的內容.
