我正在尝试使用右侧的提交按钮创建一个流畅的文本输入。输入和按钮应填充其容器的 100%。
这是我想要实现的近似值:http: //jsfiddle.net/t7tgJ/
我遇到的问题是,为了让输入填充它的容器,我需要给它一个流体宽度,比如 100%。但是,如果我将按钮浮动到右侧,我需要将该宽度降低到 90% 左右,以便按钮适合。但这仅适用于一种视口大小。
我想要的是类似的东西
input { width: 100% - {button.width}; }
button { float: right; }
或者,用简单的英语,我的输入应该延伸到右浮动按钮,并在任何视口大小下保持这种状态。