最小宽度不起作用

Question

我想创建一个能够在用户输入文本时扩展宽度的div

我试着设定   宽度：100％;   最大宽度：600px的;   最小宽度：300像素;

但是这个div如何保持在600px，是否有任何方法可以保持宽度保持在300px并且能够根据内容的长度扩展到600px？

非常感谢您能提供帮助。感谢

Answer 1

将div设置为display: inline-block可以根据内容移动宽度。

否则，作为块级元素，div将占用其包含元素的100％（或者设置为max-width的宽度）。

这是一个例子：

http://cssdesk.com/Bwp8E

Answer 2

尝试：

width: auto;
max-width: 600px;
min-width: 300px;

Answer 3

我只是使用以下信息更新MDN上的“min-width”页面：

在某些浏览器中，在iOS上，其原生（默认）配置中的<button>元素不会响应min-width。此问题是由本机按钮引起的。尽管设置了<span>，原生按钮内的display:inline-block也会出现同样的问题。当对其他样式参数进行更改并且浏览器被迫放弃原生按钮时，min-width设置将生效。

Answer 4

确保您处理的div或空格不是：position:fixed;

它必须类似于：position: relative;或position:absolute;