下面代码,我 .focus 明明写的 721,获取的宽度为什么是 722 呢(第一次 721,一刷新就是 722)?有老师能详细的解释下吗

我的 Chrome 版本是:74.0.3729.157(正式版本) (64 位)

Document

.w {

width: 1200px;

margin: 0 auto;

}

.main {

width: 980px;

height: 455px;

margin-left: 219px;

margin-top: 10px;

background-color: red;

}

.focus {

position: absolute;

/* position: relative; */

width: 721px;

height: 455px;

overflow: hidden;

background-color: pink;

}

333

console.log(document.querySelector('.focus').offsetWidth);

html offsetwidth 字符串宽度,offsetWidth 获取宽度不准确的问题相关推荐

  1. html offsetwidth 字符串宽度,scrollWidth、clientWidth、offsetWidth、width的区别

    scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大. clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变. off ...

  2. html offsetwidth 字符串宽度,基于js中style.width与offsetWidth的区别(详解)

    作为一个初学者,经常会遇到在获取某一元素的宽度(高度.top值...)时,到底是用 style.width还是offsetWidth的疑惑. 1. 当样式写在行内的时候,如 时,用 style.wid ...

  3. 在html上js添加宽度,js 获取div高度并重新设置div高度与宽度

    js 获取div高度并重新设置div高度与宽度 js 获取div高度并重新设置div高度与宽度 var $=function(id) { return document.getElementById( ...

  4. js获取html body的宽度,JS获取元素的宽度和高度

    在 JavaScript 中,使用元素的 offsetWidth 和 offsetHeight 属性可以分别获取元素的包含边框的宽度和高度:而 clientWidth 和 clientHeight 属 ...

  5. js获取宽度设置thickbox百分比

    thickbox的宽高不好设为百分比,这样遇到不同的尺寸的电脑就会出现问题. 怎么做呢? 通过js来处理. <script type="text/javascript"> ...

  6. 容器高度或者宽度的获取方式

    为了使表格或者一些数据能能够自适应浏览器的宽度或者高度,就不可避免的要获取浏览器的尺寸 电脑屏幕尺寸的获取方式 window.screen.height //获取电脑屏幕分辨率的高度 window.s ...

  7. css 中动态获取宽度,css中的calc动态计算长度值

    1 场景 css的样式中,存在动态计算长度的需求. 2 方案 使用css中的calc函数动态计算css中的长度值. 语法: calc(expression) 参数说明: 值 描述 expression ...

  8. html ul超出div,解决ul宽度超出div宽度常用解决办法

    有朋友问我ul宽度超出div宽度怎么办呢?这个问题对于我们很多初学者来讲是不知道怎么办的,下面一起来看看解决办法吧. 在设计网页的时候,有时候会遇到ul超出div宽度,遇到这种 宽度超出 宽度的时候, ...

  9. el-table中每列设置同样的宽度导致表格宽度没法实现100%布局

    场景 el-table中表格宽度无法实现100%布局. 原因是el-table中每列el-table-column都设置了宽度,这里宽度都为150 注: 博客: https://blog.csdn.n ...

  10. Android复习04(适配器 Get()请求 适配器 getView()方法 Post()请求 保存Cookie 流转字符串 从网上获取图片 重点考Json解析)

    目   录 适配器 Get()请求 适配器 getView()方法 Post()请求 保存Cookie 流转字符串 从网上获取图片 重点考Json解析 适配器 Get()请求 适配器 getView( ...

最新文章

  1. Hadoop Yarn配置多队列的容量调度器案例
  2. Java黑皮书课后题第3章:*3.20(科学:风寒温度)编写一个程序,提示用户输入一个温度值和一个风速值。如果输入值合法,那么显示风寒温度,否则显示温度或风速是不合法数据
  3. :before 和 :after
  4. TIOBE 10月编程语言排行榜 : GO 问鼎本年度语言 ?
  5. 当面试官问你Vue响应式原理,你可以这么回答他
  6. @程序员,别再让 Hotplug 问题难住你!
  7. 事务管理最佳实践多余的话之二:Transaction后缀给声明式事务管理带来的好处
  8. (转)先锋伯格:选择一条少有人走的路,所有的不同由此开始
  9. JAVA程序员--壁纸
  10. HOUR 13 Developing Advanced References and Pointer
  11. Outlook中老是出来“信息检索” -- 解决方法
  12. ORACLE中的KEEP()使用方法
  13. Excel表列名称(4)
  14. java 计算个人所得税
  15. [附源码]计算机毕业设计SpringBoot高血压分析平台
  16. mysql-mmm的搭建
  17. 中国异戊烷市场调研与投资预测报告(2021版)
  18. 计算机替代手工记账的影响,计算机记账替代手工记账的条件
  19. 小波在图像融合中的应用
  20. 活动预告:美团、Envoy、网易杭研、微博大咖齐聚,多角度剖析云原生实践

热门文章

  1. 【IEEE 2021大奖出炉】谷歌AI掌门人Jeff Dean获冯诺依曼奖
  2. 获取应用程序的图标,
  3. bert之tokenizer 详解
  4. springMVC环境搭建—HTTP状态 500 - 内部服务器错误
  5. 问题 D: 实验12_A_和谐词汇
  6. 大专计算机考证的证书全名
  7. azure的虚拟机怎么选_Windows Azure案例: 选虚拟机或云服务
  8. 周大福ctf是什么意思_CTF是什么意思|周大福CTF2又是指的什么
  9. 华为云大数据,共建智能世界的数据底座
  10. 62硬布线和微程序控制器的特点