高度和宽度不适用于跨度？
总noob问题，但在这里。
CSS
.product__specfield_8_arrow { /*background-image:url(../../upload/orng_bg_arrow.png); background-repeat:no-repeat;*/ background-color:#fc0; width:50px !important; height:33px !important; border: 1px solid #dddddd; border-left:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-topleft:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-left-radius:0px; margin:0; padding:2px; cursor:pointer; } HTML
<span class="product__specfield_8_arrow"> </span>
小提琴
基本上我试图模仿一个button，使一个跨（或东西）看起来像一个input字段旁边的button，实际上不需要是一个因为自动填充生成器生成onEnter错误。 以为这是现在的一个快速修复，但显然不是。
谢谢。
跨度是一个内联元素。 它没有宽度或高度。
你可以把它变成一个块级元素，然后它会接受你的维度指令。
span.product__specfield_8_arrow { display: block; /* or inline-block */ }
尝试使用div而不是span或使用CSS display: block; 或者display: inline-block; – span是默认的一个内联元素，它不能width和height属性。
只有当我们使它阻塞元素时，跨度才会取得宽度和高度。
span {display:block;}
受@Hamed的启发，我添加了以下内容，它对我有用：
display: inline-block; overflow: hidden;
跨度作为内联元素开始。 例如，您可以将其显示属性更改为阻止，并且其高度/宽度属性将开始生效。
根据@Paul的注释，如果指定了display：block，则跨度将停止为一个内联元素，并且一个元素出现在下一行之后。
我来到这里find解决我的跨度高度问题，我得到了我自己的解决scheme
添加overflow:hidden; 并保持内联将解决刚刚在IE8怪癖模式下testing的问题
span s默认显示为内联，这意味着它们没有高度和宽度。
尝试添加一个display: block到你的跨度。
