Javascript 用于溢出容器的元素的getBoundingClientRect（）

假设有一个文本溢出其容器div：

console.log（document.querySelector（“p”）.getBoundingClientRect（）.width）

#myDiv{
宽度：20px；
背景色：小麦；
边框：1px实心#ddd；
}

foobarfoobarfoobarfoobarfoobarfoobar

尝试设置

显示：内联块p

元素上的code>，使其具有特定宽度：

console.log（document.querySelector（“p”）.getBoundingClientRect（）.width）

#myDiv{
宽度：20px；
背景色：小麦；
边框：1px实心#ddd；
}
p{
显示：内联块；
}

foobarfoobarfoobarfoobarfoobarfoobar

但此值是正确的。如果在原始的

之后放置另一个

foo条

，然后设置

div{display:inline block；}

，您将看到这两个

将重叠，因为实际矩形只占据

20px

的宽度，即使在该边界之外还有其他渲染。你需要这个做什么？@user4642212“你需要这个做什么？”我需要计算一个HTML/CSS我无法修改的页面中的文本长度。