强制TextBox占用div中的整个剩余大小

Question

我有一个TextBox，旁边是一个带浮动的按钮：右边，两个都在一个具体宽度的div里面。 Button具有由宽度和高度定义的具体尺寸。我希望TextBox占据Button左边的整个剩余宽度（因为Button位于右边缘）。特别是，上面的div属于SplitPanel的左侧。当我拖动Split时，我希望TextBot调整大小，而Button的大小应该保持稳定。我不太熟悉Css，因此我需要一个指示来克服这个（琐碎的？）问题。

Answer 1

如果您真的不担心旧浏览器，可以使用新的width: calc()方法：

input[type=text]
{
    width: -webkit-calc(100% - 58px); /*add more with the other vendor prefixes*/
}

http://jsfiddle.net/Kyle_Sevenoaks/4Lmeg/