当前位置:Gxlcms > html代码 > 浏览器调试界面中显示的高度宽度是怎么计算的?_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:101人阅读

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


回复讨论(解决方案)

这个要看dom文档。。。。

document.body.clientWidth


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

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

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

人气教程排行