为什么不跨度显示高度？

Question

在以下代码中，为什么不跨度遵守高度规则：

<div style="border:1px black solid">
  inside div
  <span style="height:300px">inside span</span>
</div>

http://scratchpad.io/hilarious-shirt-8130

Answer 1

您必须在span标签中添加下一个样式

display:inline-block;

如果您想查看更改，请为您的跨度设置背景

background-color: #f00;

Answer 2

Span是一个内联元素，既没有宽度也没有高度。您需要<span style="height:300px; display:inline-block">才能使用样式的高度。

请参见display:inline resets height and width