使用flex让父盒子内子盒子自适应宽度。
父盒子设置flex属性,子盒子设置flex-grow属性。
注意,以下代码使用了tailwindcss来写元素样式。
<!-- 父元素设置flex属性 -->
<div class="flex">
<!-- 子元素设置flex-grow,让其自动填充剩余空间 -->
<div class="w-2/5 h-36 flex-grow ml-4 bg-red-400">Left</div>
<div class="w-2/5 h-36 flex-grow ml-4 mr-4 bg-blue-400">Right</div>
</div>