常用高度

light 发布于2019-08-20 11:15 / 3216人阅读

摘要：不和什么都包括元素离顶部的高度，元素离浏览器可视顶部的高度只包括不包括表示该元素的左上角边框外边缘与已定位的父容器对象左上角的距离，获取元素离顶部的高度元素离浏览器可视顶部的高度其他各种方向其他常用的高度浏览器可视高度浏览器滚动高度，浏览器

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

GPU云服务器云服务器行高度图片高度未知高度自动高度

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/80472.html

常用元素位置与大小总结

摘要：偏移量元素在垂直方向占据的空间大小内容高度上下上下元素在水平方向占据的空间大小内容宽度左右左右元素外边框距离的上内边框的距离元素外边框距离的左内边框的距离是一个只读属性，返回一个指向最近的，指包含层级上的最近包含该元素的定位元素。偏移量 offsetHeight: 元素在垂直方向占据的空间大小 => 内容高度 + 上下padding + 上下boder offsetWidth: ...

JellyBool 2019-08-19 18:21 评论0 收藏0
css清除浮动常用的四种方法实现

摘要：用这种方法清除浮动，会为文档中增加不必要的结构，不推荐。可以包含浮动元素，所以能实现撑起高度的效果。以上是常用的几种方法，可以根据场景的不同选择适合的。在页面布局中经常会用到浮动和清除浮动的操作，但之前是知其然而不知其所以然，看过多篇文章后，有了一些深入的了解，特整理下来！浮动的目的：最初设计浮动的目的是为了实现文字等内容可围绕图像显示，后来发现浮动方便布局，所以支持浮动任何元素...

iliyaku 2019-08-29 16:14 评论0 收藏0
常用CSS布局

摘要：此时，是不好用的，因为它只能应用于清除左侧或右侧的浮动。而是傲娇的小公举，有她自己的布局规则内部的会在垂直方向，一个接一个地放置。用来在内部元素超出时显示进度条。这样在页面高度变化，或者内部的高度变化时，都始终可以保持正常的三行布局。 1.导航条垂直居中导航条nav 从左到右分为 nav-left , nav-mid , nav-mid ，怎样达到从左到右依次排列，且全部垂直居中的效...

mikasa 2019-08-29 12:24 评论0 收藏0
常用CSS布局

摘要：此时，是不好用的，因为它只能应用于清除左侧或右侧的浮动。而是傲娇的小公举，有她自己的布局规则内部的会在垂直方向，一个接一个地放置。用来在内部元素超出时显示进度条。这样在页面高度变化，或者内部的高度变化时，都始终可以保持正常的三行布局。 1.导航条垂直居中导航条nav 从左到右分为 nav-left , nav-mid , nav-mid ，怎样达到从左到右依次排列，且全部垂直居中的效...

mozillazg 2019-08-01 16:41 评论0 收藏0