html offsetwidth 字符串宽度,offsetWidth 获取宽度不准确的问题
下面代码,我 .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;
}
console.log(document.querySelector('.focus').offsetWidth);
html offsetwidth 字符串宽度,offsetWidth 获取宽度不准确的问题相关推荐
- html offsetwidth 字符串宽度,scrollWidth、clientWidth、offsetWidth、width的区别
scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大. clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变. off ...
- html offsetwidth 字符串宽度,基于js中style.width与offsetWidth的区别(详解)
作为一个初学者,经常会遇到在获取某一元素的宽度(高度.top值...)时,到底是用 style.width还是offsetWidth的疑惑. 1. 当样式写在行内的时候,如 时,用 style.wid ...
- 在html上js添加宽度,js 获取div高度并重新设置div高度与宽度
js 获取div高度并重新设置div高度与宽度 js 获取div高度并重新设置div高度与宽度 var $=function(id) { return document.getElementById( ...
- js获取html body的宽度,JS获取元素的宽度和高度
在 JavaScript 中,使用元素的 offsetWidth 和 offsetHeight 属性可以分别获取元素的包含边框的宽度和高度:而 clientWidth 和 clientHeight 属 ...
- js获取宽度设置thickbox百分比
thickbox的宽高不好设为百分比,这样遇到不同的尺寸的电脑就会出现问题. 怎么做呢? 通过js来处理. <script type="text/javascript"> ...
- 容器高度或者宽度的获取方式
为了使表格或者一些数据能能够自适应浏览器的宽度或者高度,就不可避免的要获取浏览器的尺寸 电脑屏幕尺寸的获取方式 window.screen.height //获取电脑屏幕分辨率的高度 window.s ...
- css 中动态获取宽度,css中的calc动态计算长度值
1 场景 css的样式中,存在动态计算长度的需求. 2 方案 使用css中的calc函数动态计算css中的长度值. 语法: calc(expression) 参数说明: 值 描述 expression ...
- html ul超出div,解决ul宽度超出div宽度常用解决办法
有朋友问我ul宽度超出div宽度怎么办呢?这个问题对于我们很多初学者来讲是不知道怎么办的,下面一起来看看解决办法吧. 在设计网页的时候,有时候会遇到ul超出div宽度,遇到这种 宽度超出 宽度的时候, ...
- el-table中每列设置同样的宽度导致表格宽度没法实现100%布局
场景 el-table中表格宽度无法实现100%布局. 原因是el-table中每列el-table-column都设置了宽度,这里宽度都为150 注: 博客: https://blog.csdn.n ...
- Android复习04(适配器 Get()请求 适配器 getView()方法 Post()请求 保存Cookie 流转字符串 从网上获取图片 重点考Json解析)
目 录 适配器 Get()请求 适配器 getView()方法 Post()请求 保存Cookie 流转字符串 从网上获取图片 重点考Json解析 适配器 Get()请求 适配器 getView( ...
最新文章
- Hadoop Yarn配置多队列的容量调度器案例
- Java黑皮书课后题第3章:*3.20(科学:风寒温度)编写一个程序,提示用户输入一个温度值和一个风速值。如果输入值合法,那么显示风寒温度,否则显示温度或风速是不合法数据
- :before 和 :after
- TIOBE 10月编程语言排行榜 : GO 问鼎本年度语言 ?
- 当面试官问你Vue响应式原理,你可以这么回答他
- @程序员,别再让 Hotplug 问题难住你!
- 事务管理最佳实践多余的话之二:Transaction后缀给声明式事务管理带来的好处
- (转)先锋伯格:选择一条少有人走的路,所有的不同由此开始
- JAVA程序员--壁纸
- HOUR 13 Developing Advanced References and Pointer
- Outlook中老是出来“信息检索” -- 解决方法
- ORACLE中的KEEP()使用方法
- Excel表列名称(4)
- java 计算个人所得税
- [附源码]计算机毕业设计SpringBoot高血压分析平台
- mysql-mmm的搭建
- 中国异戊烷市场调研与投资预测报告(2021版)
- 计算机替代手工记账的影响,计算机记账替代手工记账的条件
- 小波在图像融合中的应用
- 活动预告:美团、Envoy、网易杭研、微博大咖齐聚,多角度剖析云原生实践