背景：一直對css中的position和display懵懵懂懂，這幾天查了一下，結合自己理解，通俗解釋如下。
1、position屬性：主要分為absolute和relative。
(其中好理解的static為預設值，按照在html文件中順序顯示；fixed為以瀏覽器為參照。)
我們知道是所有元素的父節點。在乙個html文件中，某乙個節點（稱為a節點）被設定為position:absolute時，「絕對位置」的「絕對」兩字的參考點，是距離a節點最近的乙個被設定為position:relative的父節點。
2、display屬性：主要分為inline、block和inline-block。
inline:寬度高度與父節點的padding等屬性有關，且與其他元素在同一行。
block:寬度高度與父節點的padding等屬性無關，且單獨一行。
inline-block:結合inlin和block的特點，寬度高度與父節點的padding等屬性無關，且與其他元素在同一行。
css中position的引數和作用
position是用來對頁面的元素進行定位的，共有四個屬性值，分別是static，absolute，fix，relative，static，時靜態的預設位置，static的left和top不起效。relative是相對於自身的預設位置定位的，但是left和top可以起效。absolute是絕對定位，...
CSS中position定位和float浮動
一 position定位 1 position屬性 1 absolute 生成絕對定位的元素，相對於最近一級定位不是static的父元素來進行定位，最近 是指在這個節點的所有祖先節點中，距離該節點的層次最近的祖先節點，以距離最近的祖先節點作為定位基準。2 relative 生成相對定位的元素，相對於...
關於css中的position
對於position的幾個屬性 static 無特殊定位，物件遵循html定位規則 absolute 將物件從文件流中拖出，使用left，right，top，bottom等屬性進行絕對定位。而其層疊通過z index屬性定義。此時物件不具有邊距，但仍有補白和邊框 relative 物件不可層疊，但將...