Question

请查看以下代码：http://jsfiddle.net/B2wFZ/
如果您的分辨率为1366x768，您将看到输入与文本一致，尝试缩小，输入不再与文本一致。如何确保div在必要时以最小宽度加宽？现在，如果我替换：

width: 350px;

与

min-width: 350px;

宽度变为100％。如何解决？

Answer 1

如何以宽度为60％浮动左侧div，右侧宽度为40％，内侧输入宽度为100％，以获取div的整个宽度。

或者你可以浮动左边的div并给出第二个：

.input { position: relative; overflow: hidden; }

Answer 2

使用min-width并应用以下属性之一，这将使div“收缩包装”到最小宽度：

display:inline-block;
display:table;
float:left;
display:table-cell;

可能会有更多。

我选择漂浮左，但其他人也很好，特别是如果你想把div放在中心。