Javascript 输入字段大小调整

我无法重新调整搜索输入栏的大小。当浏览器窗口变小时，我使用

width:100%重新调整了大小。但是我不能得到起始宽度为300px，如果不使它始终为300px，然后它在resize上离开父div。出于某种原因，它是185px

您通过调用
$（'.search2'）将
输入嵌入到
span
中。此
span
具有css类
twitter-typeahead
未设置为
width:100%

将此添加到CSS中：

.twitter-typeahead{width:100%；}

然后您需要将div容器css更改为此（
宽度：100%；最大宽度：300px；
）：

.div2{
浮动：左；
宽度：100%；
最大宽度：300px；
左侧填充：20px；
}

离开<代码>宽度：100%输入上的code>很好

查看工作代码：
只需删除所有
浮动：左并且它可以工作。看来反正也不需要。至少你没有在任何地方声明它，在我看来，100%宽度元素的浮动没有任何意义。
你是否尝试过
min width
和
max width
请将你的小提琴剥去到说明问题所需的绝对最小代码。@lex82你可以使用溢出-x属性。这可能会解决您的问题problem@amol对不起，我什么也没做。我确实尝试过宽度：300px和溢出：隐藏，这是可行的，但它真的很难看。如果我删除
local:data
，搜索栏就不起作用了，因为它从上面的
var data