Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么';t跨度显示高度?_Html_Css - Fatal编程技术网

Html 为什么';t跨度显示高度?

Html 为什么';t跨度显示高度?,html,css,Html,Css,在以下代码中,为什么span不遵守高度规则: <div style="border:1px black solid"> inside div <span style="height:300px">inside span</span> </div> 内分区 内跨 您必须在span标签上添加下一种样式 display:inline-block; 如果你想看到变化,在你的跨度上加一个背景 background-color: #f00;

在以下代码中,为什么span不遵守高度规则:

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

内分区
内跨

您必须在span标签上添加下一种样式

display:inline-block;
如果你想看到变化,在你的跨度上加一个背景

background-color: #f00;

Span是一个内联元素,它本身既没有宽度也没有高度。您需要
才能获得一个样式化的工作高度


请参见

内联元素没有高度您正在使用内联元素查找的
行高度
,或者将其定义为块级amigo。基本上您必须使用块元素,对吗?是的,您可以检查此项