css定位主要有四種，靜態定位、相對定位、絕對定位和固定定位。
其中static靜態定位，是元素的預設定位方式，靜態定位又可以認定為不定位，這個定位方式不能使用top，bottom，left，right和z-index屬性，其它三種定位則可以使用以上幾個屬性。
我們這裡主要講一講後邊的這三個定位。
1、相對定位relative
如果想為元素設定層模型中的相對定位，需要設定position:relative;
它還是會占用該元素在文件中初始的頁面空間，並不脫離文件流，也不會對其他的元素造成影響。通過left、right、top、bottom屬性確定元素在正常文件流中的偏移位置，然後相對於以前的位置移動，移動的方向和幅度由left、right、top、bottom屬性確定，
偏移前的位置保留不動。通常用於對元素自身位置的微調，以及和絕對定位absolute搭配起來進行使用。
比如我們想要讓乙個div元素相對當前位置左移100px，上移100px。
2、絕對定位absolute
如果想為元素設定層模型中的絕對定位，需要設定position:absolute;，這條語句的作用將元素從文件流中拖出來,將不占用原來元素的空間，然後使用left、right、top、bottom屬性相對於其最接近的乙個具有定位屬性的父級元素進行絕對定位。如果不存在就逐級向上排查，直到相對於body元素，即相對於瀏覽器視窗。
3、固定定位fixed
如果想為元素設定層模型中的固定定位，需要設定position:fixed;，
直接以瀏覽器視口作為參考進行定位，它是浮動在頁面中，元素位置不會隨瀏覽器視窗的滾動條滾動而變化，除非你在螢幕中移動瀏覽器視窗的螢幕位置，或改變瀏覽器視窗的顯示大小，因此固定定位的元素會始終位於瀏覽器視窗內檢視的某個位置，不會受文件流動影響。比如我們準備一長串的文字，讓文字超出一屏的寬度，設定元素div1固定定位，left和top為100px，拖動瀏覽器的滾動條，元素div1的位置不會發生變化。
CSS定位內容
div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為 一塊內容，即 塊框 與之相反，span 和 strong 等元素稱為 行 內元素 這是因為它們的內容顯示在行中，即 行內框 css 有三種基本的定位機制 普通流 浮動和絕對定位。除非專門指定，否則所有框都在普通流中定位。也就是說，...
CSS定位內容
div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為 一塊內容，即 塊框 與之相反，span 和 strong 等元素稱為 行 內元素 這是因為它們的內容顯示在行中，即 行內框 css 有三種基本的定位機制 普通流 浮動和絕對定位。除非專門指定，否則所有框都在普通流中定位。也就是說，...
CSS作業問題 內容回顧
1 css作業問題23 doctype html 4 html lang en 5 head 6 meta charset utf 8 7 title title title 8head 9 body 10 1 css重複使用 11 style 12.c 1516 c120 c223 24style...