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;默认情况下为Spans .

要让他们听高度和宽度,你需要添加display: block;.