能否有人为我指出这个问题的解决方案呢?
HTML
<div class="container">
<input type="text" class="left" />
<button class="right">Some button</button>
</div>
CSS
.container {
display: table;
width: 100%;
background-color: red;
}
.left, .right {
display: table-cell;
}
.right { width: 100px; }
这是code pen的示例: http://codepen.io/be-codified/pen/qdRRBY
输入框应该可以被拉伸,按钮应该固定在右侧。
提前感谢您的帮助。
// 编辑
我不能使用表格标签,因为布局需要响应式。
max-height
和height
属性停止其垂直调整大小。带有文本区域的演示 - jbutler483