Html 如何使浮动跨距和选择元素填充表格单元格的宽度

Html 如何使浮动跨距和选择元素填充表格单元格的宽度,html,css,Html,Css,我在表格中有一个表格单元格,如下所示: <td> <span class="subtitle no-select" id="billing-status-span" style="float:left"> Status </span> <select id="bill-status" style="float:left"> <option>One of many options with lots of text and th

我在表格中有一个表格单元格,如下所示:

<td>
<span class="subtitle no-select" id="billing-status-span" style="float:left"> Status </span> 
<select id="bill-status" style="float:left">
    <option>One of many options with lots of text and therefore width</option>
</select>
</td>

地位
具有大量文本和宽度的众多选项之一
请告知


比如说。假设td是100px宽(事实上,td宽度是动态的,因为它是基于百分比的)。因为选择宽度>100px,我该如何处理?我希望选择的宽度缩小。。。但请注意,选项宽度迫使select大于100px,我认为不需要仅用于状态的标记。你可以 像

Status是许多选项中的一个,其中包含大量文本和宽度

您的意思是“如何使浮动范围填充表格单元格的宽度”?否。假设td的宽度为100px(事实上,td宽度是动态的,因为它是基于百分比的)。因为选择宽度>100px,我该如何处理?我希望选择的宽度缩小。。。但请注意,选项宽度强制select大于100px
<td>Status<select id="bill-status"> <option>One of many options with lots of text and therefore width</option></select></td>