使div宽度拉伸以适合其内容

Question

我有以下HTML代码:

<table>
  <tr>
    <td>
      <div id="fixmywidth" style="position:relative; height:30px;">
        <div style="z-index: 2000; margin-top: 5px; height: inherit; position: absolute;">
          <table style="height:inherit">
            <tr style="height:inherit">
              <td align="center" style="width: 31px; height: inherit;">&nbsp;</td>
              <td align="center" style="width: 31px; height: inherit;">&nbsp;</td>
              <td align="center" style="width: 31px; height: inherit;">&nbsp;</td>
              <td align="center" style="width: 31px; height: inherit;">&nbsp;</td>
              <td align="center" style="width: 31px; height: inherit;">&nbsp;</td>
              <td align="center" style="width: 31px; height: inherit;">&nbsp;</td>
              ........300 tds later
              <td align="center" style="width: 31px; height: inherit;">&nbsp;</td>
            </tr>
          </table>
        </div>
      </div>
    </td>
  </tr>
</table> 

如何使用id"fixmywidth"宽度的div适合包含元素的宽度？我试过宽度= 100%并且widht = auto但他们不会工作,感谢提前一万亿,丽娜

Answer 1

这是不可能的,因为它内部的div实际上不在其中,因为位置相对/绝对.

我不是100%肯定你想要在那里完成什么,但如果你删除那2它将适当的大小.