• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLeft等属性图示

offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLeft等属性图示

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含offsetWidth,clientWidth,scrollWidth,scrollTop,scrollLeft等相关知识,佚名 希望在学习及工作中可以帮助到您

注释1:上图整个大背景是这个网页的全部尺寸,中间的小框才是浏览器中的可见尺寸。这幅图就是针对为文档(document)的各个height、width、top、left所做的说明。

注释2:第二幅图主要是针对网页中一个div的各个属性值所做的说明。“DIV element client area”是这个div元素的可见区域,“scroll area”是这个div内容原始尺寸,但是由于div的css所设置的高度宽度容不下它的内容,所以出现滚动条。

下面还有张更混乱的,在网上流传比较广:

您可能想查找下面的文章:

  • offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLeft等属性图示

相关文章

  • 2018-08-23看完这篇基础科普,别再说你不会用点九图了!
  • 2017-08-06负margin功能介绍及用法总结
  • 2018-08-23《连线》杂志主编制作了八集设计纪录片,阵容很强大
  • 2018-08-23设计师进阶笔记!APP导航的设计套路
  • 2018-08-23从微信「朋友圈三天可见」,分析背后隐含的设计原因
  • 2018-08-23熟知用户行为的这7个层面,你的设计才会走进人心
  • 2018-08-23网易云音乐产品负责人:如何做好用户研究的?(下)
  • 2018-08-23这些至关重要的细节,同你的产品体验息息相关
  • 2017-08-06页面设计中table和div的合理应用简要说明
  • 2018-08-23用户研究如何入门? 来看爱彼迎用研的回答!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 超详细的《Design Systems》读书笔记
    • 把握4个关键点,让Design Workshop真正提升设计效率
    • 想让作品从80分到100分?你需要这些包装作品的小技巧!(升级篇)
    • 28个经过重新设计的著名博客案例全集
    • 是谁剥夺了设计师的话语权?来看资深设计师的总结!
    • 网页FOUC问题导致网页混乱的解决方法
    • 网站该在什么时候才应该放置广告
    • 亚马逊语音交互设计规范(二)用户说的内容
    • 高手的后期课堂!聊聊人像磨皮的基础原理
    • 不仅要搞定视觉,UI设计师还得写得一手好微文案

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有