浏览器调试界面中显示的高度宽度是怎么计算的？_html/css_WEB-ITnose

在浏览器中按下F12，选择一个层，在层里没有高度宽度的情况下，左边的黄色标签显示出了这个层的高度和宽度“div.box 490px * 1588.4px”，它是怎么计算的呢？居然还有小数位。

回复讨论(解决方案)

这个要看dom文档。。。。

document.body.clientWidth


body可以是你查看的任何dom标签。

由子级元素“撑开”的。
衍生一下~如果子级元素声明了float属性，那么父级元素就不会被“撑开”~这时候就涉及到了前端经常说的一个问题 “ 如何清除浮动？”

根据子级产生出来的。。比如子级是一张 490px * 1588.4px 的图片，父级就也是490px * 1588.4px 的了。。不过这个还要看具体的情况的。。display:block; 类型时，默认宽为100%;。。而不同的显示器显示的100%也是不一样的。