CSS问题，自动纠正宽度

Question

我有以下代码.. http://jsfiddle.net/L593G/7/我需要添加什么才能使查询框根据菜单自动调整大小？为了防止文本（当它很长时间）在菜单下消失？要查看我的意思，请在查询框中键入一个长句，它将在菜单后面消失。我更喜欢它只是切断了最左边的文字而不是隐藏的“新”添加内容。

Answer 1

Here's a very quick mock-up我认为你想要完成的事情。您可以将两个对象放在select中，“隐藏”文本框，并使div看起来像文本框，而不是将div放在文本框中。

希望这是有道理的。

Answer 2

http://jsfiddle.net/2jtsm/

我做的是：

1. 而不是在菜单上进行绝对定位，将其浮动到右侧
2. 将输入框放在另一个div中，将div的margin-right设置为100px
3. 为菜单选择框提供固定宽度

<强>更新

如果你可以在盒子上有一个固定的宽度，这里有一个快速的CSS技巧：

http://jsfiddle.net/abnZ3/

Answer 3

您可以使用表格执行此操作：

<table style="width: 100%">
    <tr>
        <td style="width: 100%"> 
            <input type="text" style="width: 100%"/>
        </td>
        <td>
            <select>
               <option value=1>a value</option>
               <option value=2>another value</option>
               <option value=3>and this is the final value</option>
            </select>
        </td>
    </tr>            
</table>