更改跨度的寬度，這個跨度移動

Question

我學習HTML和有一個問題： 我有<div class="input-group">其中包含：1個跨度，1路輸入和1個跨度：

<span class="input-group-addon questionSpan" data-toggle="collapse"></span> <input class="form-control" type="text"> <span class="input-group-addon questionSpan" data-toggle="collapse"></span>

和我想將這兩個跨度的寬度設置爲相等，在這種情況下，這是42px。但是如果我這樣做，那麼右側的跨度將跳到左側。 任何人都可以解釋我爲什麼會這樣，我怎麼可以設置跨度的寬度，右邊，同時保持它不跳

Here is the jsfiddle

Answer 1

給輸入組的100％的寬度：width: 100%;

請參閱updated jsfiddle