css宽度和高度不起作用

And*_*Bro 2 html css

我有以下代码,但跨度的宽度/高度并不真正起作用.

HTML

<div id="amount" class="ch_field3">
<span id="ch_minus">-</span> 3 <span id="ch_plus">+</span>
</div>
Run Code Online (Sandbox Code Playgroud)

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}
Run Code Online (Sandbox Code Playgroud)

小智 8

display: inline;默认情况下为Spans .

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