html - css 宽度和高度不起作用

Question

我有以下代码，但跨度的宽度/高度并没有真正起作用。

HTML

<div id="amount" class="ch_field3">
<span id="ch_minus">-</span> 3 <span id="ch_plus">+</span>
</div>

CSS

.shop_chekout_item{min-width: 100%; float: left;}
.shop_chekout_item .ch_field3{display: block;float: left; width: 20%;}

.shop_chekout_item #ch_plus,.shop_chekout_item #ch_minus{
background: #ccc; 
width:  20px; /*no effect...*/
height: 20px; /*same here :(*/
cursor: pointer}

Answer 1

默认情况下，跨度为 display: inline;。

要让他们听高度和宽度，您需要添加 display: block;。