首页 > web前端 > html教程 > 浏览器调试界面中显示的高度宽度是怎么计算的?_html/css_WEB-ITnose

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

WBOY
发布: 2016-06-21 08:50:15
原创
1359 人浏览过



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


回复讨论(解决方案)

这个要看dom文档。。。。

document.body.clientWidth 


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

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

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板