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

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

WBOY
Libérer: 2016-06-21 08:50:15
original
1359 Les gens l'ont consulté



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


回复讨论(解决方案)

这个要看dom文档。。。。

document.body.clientWidth 


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

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

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

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal