前端父元素flex布局设置左右padding时，input溢出父元素右内边距无效

无效情况

<div class="flex items-center bg-[#fff] w-[240px] h-[44px] px-[16px]"><div class="whitespace-nowrap text-[#161616] ">姓名：</div><input type="text" placeholder="请输入您的称呼">
</div>

解决问题，input元素添加宽度

<div class="flex items-center bg-[#fff] w-[240px] h-[44px] px-[16px]"><div class="whitespace-nowrap text-[#161616] ">姓名：</div><!--    ！！添加宽度 w-full=width: 100% 使用了tailwindcss   --><input class="w-full" type="text" placeholder="请输入您的称呼">
</div>