封装div的位置绝对元素应该采用其子高度CSS的技巧

Question

我的问题陈述是这个

<ul>
   <li>
      <h3>some heading</h3>
      <div class="absolute"></div>
   </li>
   <li>
      <h3>some other heading</h3>
      <div class="absolute"></div>
   </li>
</ul>
<style>
  .absolute{
   position:absolute}

  ul{
    position:relative }
</style>

实际上从可访问性的角度来看，我试图使用相应的DOM来实现tab结构。但在“移动”视图中，它需要“ ul ”才能占用孩子的身高。由于这种结构不简单，因此有多个嵌套层。怎么解决？ `