最小宽度不起作用

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 。 此问题是由本机按钮引起的。 尽管display:inline-block设置，但本机按钮内的<span>将显示相同的问题。 当对其他样式参数进行更改并且强制浏览器放弃本机按钮时， min-width设置会生效。

Answer 4

确保你工作的div或空间不是： position:fixed;

它需要是这样的： position: relative; 或者position:absolute;