zoukankan      html  css  js  c++  java
  • offSet和client和scroll

    这三个是是js盒模型属性

    client

    clientWidth 内容宽度加上左右padding
    clientHeight 内容高度加上上下padding
    clientTop 上边框的宽度
    clientLeft 左边框的宽度

    offSet

    offSetWidth 内容宽度加左右padding加左右border
    offSetHeight 内容高度加上下padding加上下border
    offSetLeft
    IE9+和高级浏览器和IE6/7
    指的是元素自身的左边框外部到offsetparent左边框左边的距离
    IE8
    比高版本的浏览器的offSetLeft多一个offSetLeft边框,就是多了一个自身的边框宽度
    offSetTop
    指的是元素自身的上边框外部到offsetparent上边框上边的距离
    offSetParent
    ie8+和高级浏览器没有兼容问题
    如果一个元素他的祖先中都没有定位,offSetParent就是body元素 加入祖先元素有定位,则以最近的带有定位的祖先元素为准,与自己是否定位无关
    ie6和7浏览器
    自身没有定位,参考的是最近的有宽高的祖先元素,没有宽高参考的是body
    自身有定位与高级浏览器一致

    scroll

    scrollWidth约等于左边padding+内容真实宽度
    scrollHeight约等于上边padding+内容真实高度

  • 相关阅读:
    C#进阶——反射
    C#基础——封装
    Design Patterns——简介
    WEB进阶——this的作用
    C#基础——字段与属性
    ASP.NET MVC基础——添加视图
    ASP.NET MVC基础 ——添加控制器
    C#进阶——var的使用
    C#基础——using的使用
    C#进阶——NPOI
  • 原文地址:https://www.cnblogs.com/my466879168/p/10330363.html
Copyright © 2011-2022 走看看