我试图安排一个输入组。我使用bootstrap，但问题是（幸运的是）也可以在纯HTML / CSS中重现。
我有一个100％宽度的display: table容器，我试图设置16.666%宽度span和83.3333%宽度{{1} } 进去。但是由于我见过的最奇怪的魔法，它们并没有填满整个空间。在检查元素时，我可以看到input宽度是正确计算的，但span宽度远远小于它应该的宽度，因此它不会填充它应该的空间。
但是，如果我添加两个input元素（因此input而不是input，它会按预期工作。
请查看此DEMO fiddle
我已经在Chrome最新版本和IE11中重现了这个问题，所以我猜它不是特定的浏览器错误。
我想知道发生了什么，以及如果不是这样，如何实现我的目标。
答案 0 :(得分：1)