Css 为什么input append类会打断流体网格中输入的宽度？

我有以下html：

<div class="container-fluid">
<div class="row-fluid">
    <div class="span8">
        <form class="form-horizontal">
            <div class="control-group">
                <label class="control-label">Field 1</label>
            <div class="controls">
                <input type="text" />
                </div>
            </div>
            <div class="control-group">
                <label class="control-label">Field 2</label>
            <div class="controls">
                <div class="input-append">
                <input type="text" />
                    <span class="add-on">%</span>
                </div>
                </div>
            </div>
        </form>
    </div>
</div>

字段1
字段2
%

​

以及以下风格：

输入{ 宽度：100%； }​

字段1的输入框按预期工作。然而，字段2似乎有一些固定的宽度。为什么会发生这种情况，有没有办法解决？我希望附加到输入的宽度在跨度内为100%，以匹配其他文本字段

---

这里的示例：

这是因为在第二次输入时，您有另一个容器，

.input append

，它比您想象的要小

---

将其设置为

宽度：100%

同样，

发生这种情况是因为引导程序将

div

的默认

显示值更改为
值，该div具有
类
输入附加
从
块
更改为
内联块

您可以将
宽度：100%
设置为输入与正常宽度相同，但
附加组件将溢出，或者将其设置为
宽度：95%
相同


我已保存此文件并运行它。没有发现任何问题

<style>
input{width: 100%;}
</style>
<div class="container-fluid">
<div class="row-fluid">
<div class="span8">
    <form class="form-horizontal">
        <div class="control-group">
            <label class="control-label">Field 1</label>
        <div class="controls">
            <input type="text" />
            </div>
        </div>
        <div class="control-group">
            <label class="control-label">Field 2</label>
        <div class="controls">
            <div class="input-append">
            <input type="text" />
                <span class="add-on">%</span>
            </div>
            </div>
        </div>
    </form>
    </div>
</div>


输入{宽度：100%；}
字段1
字段2
%

但是在你提到的url上它不起作用我不知道为什么？
如果在其他地方出现问题，可能有一些原因

容器宽度不足，省略父容器或容器宽度将解决此问题
稍后您可能会在css中覆盖宽度，请使用“输入{width:100%！important；}”
这将是引导css。这是因为您有另一个容器，它比您想象的要小。100%仅指最近的祖先。100%应指具有特定宽度的最近的祖先，对吗？你是说input append设置了一个宽度吗？啊，谢谢。我发誓我试过了。我敢打赌我忘了。在样式中。糟糕的是，附加的在span8网格之外。有没有办法把它放在网格里呢？那会有点复杂，但这是可能的。等等，谢谢。。。95%并没有真正起作用，因为当你调整容器大小时，宽度差是恒定的。