继承选择元素的宽度

Question

我在表格单元格中有一个选择元素。我希望选择从元素继承宽度，这样它就不会在正常状态下溢出。

当用户选择“选项”时，框可以扩展到最大元素的宽度。 我试过设置 最大宽度：继承； 但是我在某处读到，这只有在设置了父元素的 width 属性时才有效。 有人可以指出这样做的正确方法吗？ 谢谢！

Answer 1

您可以通过在其上设置width: inherit 来使select 元素从其父元素（在本例中为td 元素）继承width 属性。这意味着它继承了 CSS 属性 width 的计算值，而不是实际宽度。

表格列宽很复杂，尤其是因为它经常涉及使用单元格内容的宽度要求。但是下面的（太）简单的例子演示了如何使用继承：

<table border>
<tr><td style="width: 100px">
<select style="width: inherit">
<option>Supercalifralisticexpialidocious
</select>
</table>

这将使select 元素的宽度与其父元素的宽度相同，即 100 像素。这样做没有多大意义，而不是将其直接设置为所需的值，但如果有多个具有不同宽度的单元格包含 select 元素被限制为该宽度，width: inherit 可能会很方便。您也可以设置width: 100%。