position: relative;相對定位
相對定位不會脫離文件流，保持流式布局中的位置
position:absolute;絕對定位
1. 絕對定位會使標籤脫離文件流，丟失在流式布局中的位置
2.設定座標之前，標籤會在原來的地方，和其他標籤重疊
3.設定left,top座標之後，預設網頁左上角為原點定位
4.如果父標籤設定了定位，那麼就以父標籤坐上角為原點定位
5.塊標籤脫離文件流之後，寬度不在是100%，而不是以內容為準
position: fixed;固定定位
1.固定定位使標籤脫離文件流，丟失寬度，丟失位置
2.固定定位以瀏覽器顯示視窗的某乙個角為座標原點定位
position: sticky;粘性定位
粘性定位不會脫離文件流
使標籤在網頁滾動時停止在離視窗頂部一定距離的位置
總結: 絕對定位和固定定位會使標籤脫離文件流，而相對和粘性定位不會脫離文件流
標籤定位之後，往往會發生重疊現象，不同的標籤重疊就會有層次
問題，可以使用z-index這個樣式來調節標籤的層級，預設都是0
z-index只對定位標籤起效，非定位標籤無效
441
dasvzz
7787
地鼠上的貓熊
454 #relative span:nth-child(3)
#absolute
#absolute span:nth-child(3)
#absolute span:nth-child(1)
#absolute div
固定定位
#fixed
#sticky
HTML中的幾種定位方式
當你沒有為乙個元素 例如div 指定定位方式時，預設為static，也就是按照文件的流式 flow 定位，將元素放到乙個合適的地方。所以在不同的解析度下，採用流式定位能很好的自適合，取得相對較好的布局效果。一般來說，我們不需要指明當前元素的定位方式是static 因為這是預設的定位方式。除非你想覆蓋...
html中的幾種定位方式
1，static 預設 當你沒有為乙個元素 例如div 指定定位方式時，預設為static，也就是按照文件的流式 flow 定位，將元素放到乙個合適的地方。所以在不同的解析度下，採用流式定位能很好的自適合，取得相對較好的布局效果。一般來說，我們不需要指明當前元素的定位方式是static 因為這是預設...
HTML中元素的定位方式
初中物理就學過，位置是相對的，要有參照物，因此，所有定位都是相對參照物的定位。position 屬性 規定元素的定位型別，該屬性的可選值有static relative absolute fixed inherit。定義了position屬性後，經常還要定義相對參照物的偏移量，即left，right...