可以在IE7 +和所有现代浏览器中使用。
.formLine { overflow: hidden; background: #ccc;}.formLine input { width: 100%;}.formLine label { float: left;}.formLine span { display: block; overflow: hidden; padding: 0 5px;}.formLine button { float: right;}.formLine input, .formLine button { box-sizing: border-box;}<div > <button>click me</button> <label>some text.. </label> <span><input type="text" /></span></div>在
button首先必须走在HTML。有点令人反感,但值得一看。
关键步骤是使用
overflow: hidden;:为何需要这样做的解释如下:
多余的跨度
input是必需的,因为
display:block;它对以下内容没有影响
input:[CSS/DOM中的什么阻止了带有display:块的输入框扩展到其容器的大小



