高度样式属性在div元素中不起作用

Question

我在a上设置了20px的高度<div>,但是当它在浏览器中呈现时,它只有14px高.

有任何想法吗？

<div style="display:inline; height:20px width: 70px">My Text Here</div>

Answer 1

您无法设置height和width使用元素display:inline;.请display:inline-block;改用.

从CSS2规范:

10.6.1内联,未替换元素

该height属性不适用.内容区域的高度应基于字体,但此规范未指定方式.UA可以例如使用em-box或字体的最大上升和下降.(后者将确保包含在em-box上方或下方的部分的字形仍然落在内容区域内,但导致不同字体的不同字体的盒子;前者将确保作者可以控制相对于"行高"的背景样式,但导致在其内容区域之外绘制字形.)

编辑 - 你也错过了;该height物业的终结者:

<div style="display:inline; height:20px width: 70px">My Text Here</div>
<!--                                  ^^ here                       -->

工作示例:http://jsfiddle.net/FpqtJ/

Answer 2

这对我有用：

min-height: 14px;
height: 14px;