Chrome Element Inspect

Question

在将CSS设置调试为元素时，我们可以从Chrome开发工具中打开元素检查。请参考下图，font-size，14px应用于style.css，并覆盖了base.css中的设置，height怎么样？任何.css都没有CSS声明，哪个样式表控制高度？

Answer 1

默认为height:auto。这意味着默认情况下，高度是根据元素内容的高度设置的（在您的情况下为80px）。你可以用css覆盖它。

Answer 2

除非您设置line-height，否则文本块的高度是display:block;乘以文本行数的函数。所以80px的高度被忽略了。

注意：另外，在为文本块设置固定高度时要小心，因为文本可能会变得太长而无法放入框中。您可以使用overflow来控制在这种情况下发生的事情。