<span> 元素默认是一个内联元素，它不会受到宽度和高度属性的影响。如果您想要设置 <span> 元素的宽度和高度，您需要将其显示类型（display property）设置为块级元素。
您可以使用 CSS 来实现这一点。以下是一个示例：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.custom-span {
display: inline-block;
width: 100px;
height: 50px;
background-color: red;
}
</style>
</head><body>
内容<span class="custom-span">span内</span>外面
</body>
</html>
在上面的示例中，我们为 <span> 元素添加了一个自定义的类名 .custom-span，并在 CSS 中为该类设置了 display: inline-block; 以及宽度和高度属性。这样，<span> 元素将被显示为块级元素，并具有指定的宽度和高度。
请记住，将 <span> 元素设置为块级元素可能会改变其默认的行为和布局，因此请确保您的样式设置适用于您的具体用例和设计需求。
对span设置float也能实现宽度高度生效，但需要让span靠左或靠右浮动。如果要span在文字段落中设置宽度或者高度生效设置display: inline-block样式即可。