如上圖所示是表示乙個元素的大小，content表示的是元素內容所佔的大小
margin的距離是指元素外邊框與父元素內邊框的距離
html元素的position屬性有四個屬性值，分別是static、relative、fixed、absolute
static
relative
fixed
absolute
float css屬性指定乙個元素應沿其容器的左側或右側放置，允許文字和內聯元素環繞它。該元素從網頁的正常流動(文件流)中移除，儘管仍然保持部分的流動性（與絕對定位相反）。
float屬性的值：
left：元素必須浮動在其所在的塊容器左側
right：元素必須浮動在其所在的塊容器右側
none：元素不進行浮動
inline-start：元素必須浮動在其所在塊容器的開始一側
inline-end：元素必須浮動在其所在塊容器的結束一側
滑鼠位置以及元素大小
clientx clienty 客戶區座標 視口 pagex pagey 頁面座標 screenx screeny螢幕座標 offsetwidth offsetheight 帶邊框元素大小 offsetleft offsettop 外邊框到帶定位 的父級元素 或body 內邊框的畫素 clientw...
常用元素位置與大小總結
偏移量 offsetparent是乙個唯讀屬性，返回乙個指向最近的 closest，指包含層級上的最近 包含該元素的定位元素。如果沒有定位的元素，則offsetparent為最近的table元素物件或根元素 標準模式下為html 怪異模式下為body 當元素的style.display設定為none...
元素位置常用總結
用法簡單，返回元素對瀏覽器視口頂部和左邊部的距離 可為負數 以及寬高，單位px，為整數 獲取相對於頁面的位置需加上滾動條的距離 var rect el.getboundingclientrect 然後你就會發現現在不就是jq的 el offset 嗎？對的沒錯，就是這玩意。相容性 在ie7及以下，會...