position
static:預設值，沒有定位
relative:沒有脫離文件流，相對於原來它的位置做定位,原本佔據的空間依然會保留
absolute:絕對定位，相對於離它最近的做過定位的祖先元素做定位。或者相對於html元素做定位
fixed:絕對定位，相對於瀏覽器視窗做定位，當頁面滾動，它的位置不變
sticky：它的行為就像 position:relative; 而當頁面滾動超出目標區域時，它的表現就像 position:fixed;，它會固定在目標位置。
display
none：元素隱藏，不占用空間
inline：轉換成行內元素，不能設定寬高，垂直方向的padding和magin對它沒用
inline-block:轉換成行內塊元素，
block：轉換成塊元素
list-item：此元素會作為列表顯示
…
定位和position定位
定位有 普通流定位 浮動定位 相對定位 絕對定位 固定定位 特點普通定位 被稱為文件流定位，是頁面元素預設的定位方式 塊級 從上到下，獨佔一行 行級 從左到右，不獨佔一行 浮動定位 1.浮動元素脫離文件流，未浮動元素上前補位 2.浮動元素會停靠在父級元素的左邊或者右邊，亦或者緊跟其他元素邊緣 3.浮...
offset和position的區別
使用jquery獲取元素位置時，我們會使用position 或offset 方法，兩個方法都返回乙個包含兩個屬性的物件 左邊距和上邊距，它們兩個的不同點在於位置的相對點不同。可以看看下邊的圖 從圖中我們可以大體看出兩者的區別。position 獲取相對於它最近的具有相對位置 position rel...
position和float的區別
只有position才是定位，float不能說是定位，不過你可以說這兩種布局方式有什麼不同。float和position這兩者並沒有孰好孰不好的問題，兩者按需使用，各得所需的效果。float從字面上的意思就是浮動,float能讓元素從文件流中抽出，它並不佔文件流的空間，典型的就是 混排中文字環繞的效...