html – CSS在盒子模型中保留一个未知空间

概述我创建了一个< div>有一些文字.我设置< div>的宽度和填充以及其中文本的字体大小.以下是总结冲突的摘录： .container { width: 300px; padding: 10px; font-size: 16px;} <div class="container"> Hello</div> 根据代码,总高度(javascript中的offsetHeig @H_502_1@ 我创建了一个< div>有一些文字.我设置< div>的宽度和填充以及其中文本的字体大小.以下是总结冲突的摘录： @H_301_7@

@H_301_7@

.container {  wIDth:     300px;  padding:   10px;  Font-size: 16px;}

<div >  Hello</div>

@H_301_7@根据代码,总高度(JavaScript中的offsetHeight)是36.但是,当我查看Chrome开发工具中的布局时,高度为38.那么,那些2px来自哪里？

解决方法 额外的高度是由行高属性引起的. @H_301_7@

@H_301_7@line-height的初始值是正常的.

@H_301_7@这个,according to the spec,告诉浏览器将值设置为1.2.这为文本在行框内部提供了一些垂直填充.

@H_301_7@要解决此问题,只需在代码中添加line-height：1即可.

总结

以上是内存溢出为你收集整理的html – CSS在盒子模型中保留一个未知空间全部内容，希望文章能够帮你解决html – CSS在盒子模型中保留一个未知空间所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。