CSS之元素视图属性
生活随笔
收集整理的這篇文章主要介紹了
CSS之元素视图属性
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.clientLeft和clientTop
返回的是內容區域的左上角相對于整個元素左上角的位置（包括邊框）
2.clientWidth和clientHeight
表示內容區域的高度和寬度，包括padding大小，但是不包括邊框和滾動條
3.offsetLeft和offsetTop
offsetLeft和offsetTop表示相對于最近的祖先定位元素（CSS position 屬性被設置為 relative、absolute 或 fixed 的元素）的左右偏移值
4.offsetParent
第一個祖定位元素（即用來計算上面的offsetLeft和offsetTop的元素）
offsetParent元素只可能是下面這幾種情況：
- <body>
- position不是static的元素
- body元素為定位元素的終極boss，所以其上頭就沒有其他定位元素了。也就是說body元素沒有offsetParent
5. offsetWidth和offsetHeight
整個元素的尺寸（包括邊框）
6.scrollLeft和scrollTop
scrollLeft和scrollTop表示元素滾動的像素大小?？勺x可寫。這個玩意貌似我們用得比較多
7.scrollWidth和scrollHeight
表示整個內容區域的寬高，包括隱藏的部分。如果元素沒有隱藏的部分，則相關的值應該等用于clientWidth和clientHeight。當你向下滾動滾動條的時候，scrollHeight應該等用于scrollTop + clientHeight
總結
以上是生活随笔為你收集整理的CSS之元素视图属性的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 开源项目中经常出现的七种错误
- 下一篇： CSS深入理解vertical-alig