侧边栏使水平滚动条出现在屏幕底部

问题描述 投票:0回答:1
html css flexbox tailwind-css
1个回答
0
投票
<div class="flex w-full flex-col items-start justify-start gap-6 md:flex-row">
 <div class="flex w-full flex-col items-start justify-start gap-2 md:w-auto">
  <!-- Sidebar (md:max-w-64) -->
 </div>
</div>
<!-- just remove lefbar width from full viewport width as below till md breakpoint -->
 <div class="flex w-full md:w-[calc(100vw_-_200px)] flex-col items-start justify-start gap-6">
  <!-- Table -->
</div>

工作示例

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.