输入字段调整大小

Question

我在重新调整搜索输入栏的大小时遇到​​了问题。我已设法在浏览器窗口变小时使用width:100%;重新调整大小。但是我不能将起始宽度设置为300px，而不是总是300px然后它会在调整大小时从父div中消失。出于某种原因，这是185px;

Here's the jsfiddle of my set-up.

Answer 1

您正在通过致电input将span隐藏到$('.search2').typeahead。此span的css-class twitter-typeahead未设为width: 100%;

将此添加到您的CSS：

.twitter-typeahead {width: 100%;}

然后您需要将div容器css更改为此（width: 100%; max-width: 300px;）：

.div2 {
  float: left;
  width: 100%;
  max-width: 300px;
  padding-left: 20px;
}

将width: 100%;留在input上就可以了！

查看工作代码：http://jsfiddle.net/utg4mh6z/1/

Answer 2

只需移除所有DataGridComboBoxColumn即可。似乎他们无论如何都不需要。至少你没有在任何地方说明它，从我的观点来看，浮动100％宽度元素是没有意义的。