我在表格单元格中有一个select元素。我希望select从元素继承宽度，以便它在正常状态下不会溢出。
当用户选择一个“选项”时，该框可以扩展到最大元素的宽度。我尝试设置max-width：inherit; 但是我在某处读到，只有设置了父元素的width属性，该方法才能起作用。有人可以指出这样做的正确方法吗？谢谢！
您可以通过设置select元素来使元素width从其父元素（在本例中为td元素）继承属性width: inherit。这意味着它继承了CSS属性的计算值width，而不是实际宽度。
表列的宽度很复杂，尤其是因为它经常涉及使用单元格内容的宽度要求。但是以下（过于简单）的示例演示了如何使用继承：
<table border>
<tr><td style="width: 100px">
<select style="width: inherit">
<option>Supercalifralisticexpialidocious
</select>
</table>
这将使select元素的宽度与其父元素的宽度相同，即100像素。用这种方法代替直接将其直接设置为所需的值没有什么意义，但是，如果有多个具有不同宽度的select单元格包含要限制在该宽度上的元素，则width: inherit可能会很方便。您也可以设置width: 100%。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句