我有一个有 n 列的表。每列都有一个预定义的宽度，在每列th内，有一个包含实际标题文本的 div 和一个包含下拉菜单的div 。
这是表的简化结构：
<table>
<tr>
<th>
<div>TEXT</div>
<div><select>...</select></div>
</th>
<tr>
...
...
</table>
列的预定义宽度可能导致文本被分成多行。发生这种情况时，显然th内的元素会重新排列它们的位置，从而导致列的select ..错位。
我需要做的是找到一种方法让每个选择相互对齐，可能锚定到th的底部。
http://jsfiddle.net/SezSZ/2/ <- 这里我做了一个我正在做的例子。
第二个表格显示没有任何样式的表格（宽度除外）：注意第一个和第二个select之间的错位。
相反，第一个表应用了一些样式。如您所见，第二列文本与选择重叠。我尝试使用“位置”属性解决这个问题。我如何告诉文本根据需要占用尽可能多的空间，而不知道有多少它会被分割成几行？
另一件（次要）事情：我想将每个选择设置为他的父 div 的 100% 宽度，但是（表 1）右侧的下拉菜单与表格边框重叠（1 或 2 像素，而在表 2 中的所有内容没问题）..
提前感谢您的帮助，我希望我足够清楚，最好的问候