摘要：不和什么都包括元素离顶部的高度，元素离浏览器可视顶部的高度只包括不包括表示该元素的左上角边框外边缘与已定位的父容器对象左上角的距离，获取元素离顶部的高度元素离浏览器可视顶部的高度其他各种方向其他常用的高度浏览器可视高度浏览器滚动高度，浏览器
jquery
height()：不margin和border, outerHeight(true)：什么都包括
$().offset().top元素离顶部的高度，$().scrollTop()元素离浏览器可视顶部的高度
js：clientHeight 只包括padding offsetHight 不包括margin
offsetTop表示该元素的左上角（边框外边缘）与已定位的父容器（offsetParent对象）左上角的距离，获取元素离顶部的高度：
var offsetTop=function( elem ){
var top = elem.offsetTop;
var parent = elem.offsetParent;
while( parent != null ){
top += parent.offsetTop;
parent = parent.offsetParent;
}
return top;
}
元素离浏览器可视顶部的高度 ：getBoundingClientRect().top(其他各种方向)
其他常用的高度：浏览器可视高度：document.documentElement.clientHeight 浏览器滚动高度：
document.documentElement.scrollTop，浏览器文档的document.body.scrollHeight
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/80472.html
摘要：偏移量元素在垂直方向占据的空间大小内容高度上下上下元素在水平方向占据的空间大小内容宽度左右左右元素外边框距离的上内边框的距离元素外边框距离的左内边框的距离是一个只读属性，返回一个指向最近的，指包含层级上的最近包含该元素的定位元素。 偏移量 offsetHeight: 元素在垂直方向占据的空间大小 => 内容高度 + 上下padding + 上下boder offsetWidth: ...
摘要：用这种方法清除浮动，会为文档中增加不必要的结构，不推荐。可以包含浮动元素，所以能实现撑起高度的效果。以上是常用的几种方法，可以根据场景的不同选择适合的。 在页面布局中经常会用到浮动和清除浮动的操作，但之前是知其然而不知其所以然，看过多篇文章后，有了一些深入的了解，特整理下来！ 浮动的目的： 最初设计浮动的目的是为了实现文字等内容可围绕图像显示，后来发现浮动方便布局，所以支持浮动任何元素...
阅读 1105·2021-11-17 09:33
阅读 1516·2021-09-09 11:53
阅读 2890·2021-09-04 16:45
阅读 1040·2021-08-17 10:12
阅读 2082·2019-08-30 15:55
阅读 1657·2019-08-30 15:53
阅读 2287·2019-08-30 15:52
阅读 2452·2019-08-29 18:41
