Html 固定表的最后一列，保持灵活

当我输入文本时，我需要前两列的灵活长度，但固定了第三列的长度，并且该表不离开div元素（但不移动div）。第三列位于div元素的右侧。在第一列中输入所有适合的文本，第二列显示可以容纳多少文本。第二列字段可以以“…”结尾。对不起，我的英语不好。代码-jsfiddle.net/17s8gz3L 我的代码：

文本BSSANSADASDACCCCCCCCC
textsasas
文本
textsadasdadsads
文本
textsasad
桌子{
宽度：100%；
溢出：隐藏；
}
td：最后一种类型{
浮动：对；
}
运输署{
溢出：隐藏；
空白：nowrap；
}
div{
边框：1px纯红；
宽度：60%；
}

添加类和设置这些类的样式应该可以做到这一点。 无法记住确切的CSS属性，但您应该执行以下操作：

在html中：

<tr>
    <td class='col1'></td>
    <td class='col2'></td>
    <td class='col3'></td>
<tr>
<tr>
    <td class='col1'></td>
    <td class='col2'></td>
    <td class='col3'></td>
<tr>

<tr>
    <td class='col1'></td>
    <td class='col2'></td>
    <td class='col3'></td>
<tr>
<tr>
    <td class='col1'></td>
    <td class='col2'></td>
    <td class='col3'></td>
<tr>

div{
border:1px solid red;
width:60%;
}
div.col1{
   width:auto;
}
div.col2{
   width:auto;
}
div.col3{
   width:20%; 
//change the 20% to whatever static width you need use % or px, i recommend using %.
}