使元素适应每个屏幕尺寸

Question

我的标题顶部有三个元素：1个选择框，1个输入和1个按钮。 http://jsfiddle.net/cxnR8/37/

问题在于这段代码：

.header-search {
    max-width: 350px !important;
    width: 100%;
    /* IF INSTEAD OF 'WIDTH: 100%', I USE 'WIDTH: 350PX' IT WORKS ON LARGE SCREENS, 
     BUT IN SMALL ONES THE SELECT BOX KIND OF DISAPPEARS. */

    padding-left: 5px;
}

您可以自行测试验证，如果您将宽度更改为固定宽度，则选择框将消失。