歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
文檔流:
 
文檔流,是指盒子按照html標簽編寫的順序依次從上到下,從左到右排列。塊元素占一行,行內元素在一行之內從左到在排列,先寫的先排列,后寫的排在后面,每個盒子都占據自己的位置。
 
關于定位:
可以使用css的position屬性來設置元素的定位類型,position設置項如下:
 
(1)relative 生成相對定位元素,元素所占據的文檔流的位置保留,元素本身相對自身原位置進行偏移。
 
(2)absolute 生成絕對定位元素,元素脫離文檔流,不占據文檔流的位置,可以理解為漂浮在文檔流的上方,相對于上一個設置了定位的父級元素來進行定位,如果找不到,則相對于body元素進行定位。
 
(3)fixed 生成固定定位元素,元素脫離文檔流,不占據文檔流的位置,可以理解為漂浮在文檔流的上方,相對于瀏覽器窗口進行定位。
 
(4)static 默認值,沒有定位,元素出現在正常的文檔流中,相當于取消定位屬性或者不設置定位屬性。(少用)
 
(5)inherit 從父元素繼承position屬性的值。(少用)
 
定位元素的偏移:
 
定位的元素還需要用left、right、top或者bottom來設置相對于參照元素的偏移值。

如需轉載,請注明文章出處和來源網址:http://www.rs2pl.com/rumen/r64934.shtml

久久天天躁狠狠躁夜夜躁2020