如何使用 tailwind 或 css 调整带有下拉绝对值的 overflow-auto div 以使其位置适合屏幕大小-解网

问：

我想在尝试滚动输入时将下拉框调整为列的相同位置

我的逻辑是这样的：div

<!-- header div -->
<div>
</div>
<!-- table div -->
<div class="w-full overflow-auto">
  <table>
   <thead></thead>
   <tbody>
     <tr>
       <td>
         <button class="w-full p-2">My custom data eight</button>
         <div class="absolute">
           <!-- Dropdown box content -->
         </div>
       </td>
     </tr>
   </tbody>
  </table>
</div>
<!-- footer div -->
<div>
</div>

我尝试使用，但使用它的想法并不像我预期的那样有效。relative

我希望它看起来像 concept Imgur 概念视频示例，其中下拉位置适合屏幕尺寸和滚动 div 大小。div

php css laravel tailwind-css vite

如何使用 tailwind 或 css 调整带有下拉绝对值的 overflow-auto div 以使其位置适合屏幕大小

How to adapt a overflow-auto div with a dropdown absolute to fit it’s position to the size of the screen using tailwind or css

评论