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

作者在使用CSS设置元素.width为721px时, 发现实际获取的宽度为722px, 寻求原因及解释。涉及.Chrome浏览器版本74.0.3729.157, CSS样式.offsetWidth属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

bVbsNIn?w=532&h=128

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);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值