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％确定你想要在那里完成什么，但是如果你删除它们，它将适当地调整大小。

Answer 2

从fixmywidth的直接子项中删除绝对位置

Answer 3

“包含元素”是指包含<div id="fixmywidth"></dIv>的元素，还是 <div id="fixmywidth"></div>中包含的元素？

如果是后者，Fabian是对的，问题出在这里：

<div style="z-index: 2000; margin-top: 5px; height: inherit; position: absolute;">

position: absolute;从文档流中取出<div>，因此不占用空间。因此，其包含元素（<div id="fixmywidth"></div>）不包含文档流中的任何元素，因此没有维度。

您可以通过删除position: absolute;来解决此问题，但这可能与您的布局目标不符。

Answer 4

如果您从'fixmywidth'中移除position:relative，它应该有效。

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

4 个答案: