更改跨度的宽度和此跨度移动

Question

我正在学习HTML并有一个问题： 我有<div class="input-group">，其中包含：1个span，1个输入和1个span：

<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