时间戳

首页 > 解决方案 > TD 扩展到绝对定位内容的大小

html - TD 扩展到绝对定位内容的大小

问题描述

我有一个包含 3 个 td 的表。第一个 td 有一个相对定位的 div，其中包含 2 个绝对定位的 div。我希望第一个 td 占用他的内容的宽度，这样他就不会与下一个 td 重叠。我怎样才能做到这一点？

HTML：

<table cellspacing="0" cellpadding="0" data-test-id="parent" style="inset: 0px;">
 <tbody>
  <tr>
   <td align="left" style="vertical-align: top;">
    <div data-test-id="YAxisTd" style="position: relative;">
      <div class="flot-text" style="position: absolute; inset: 0px; font-size: smaller;">
        <div class="flot-y-axis flot-y1-axis yAxis y1Axis" style="position: absolute; inset: 0px;">
         <div class="flot-tick-label tickLabel" data-test-id="**ticks**" style="position: absolute; top: 722px; left: 21px; text-align: right;">
            100000%
         </div>
         <div class="flot-tick-label tickLabel" data-test-id="**ticks**" style="position: absolute; top: 626px; left: 21px; text-align: right;">
            300000%
         </div>
        </div>  
      </div>
      <div class="axisLabels yaxisLabel" style="top: 0; left: 0;-webkit-transform: translate(-5.47655px, 362.5px) rotate(-90deg);">
      </div>
    </div>
   </td>
  </tr>
 </tbody>
</table>

我试图改变 flot-text/flot-y-axis/flot-tick-label 的绝对位置，就像我对axisLabels 所做的那样，但在所有刻度都随机定位之后。顶部/左侧由 FLOT 库计算。

标签： htmlcsshtml-tableposition

解决方案

推荐阅读