为何我的header与div之间存在空白？

问题出在浏览器的默认样式上：

• <h2>标签自带默认的margin-top，导致它和外层div顶部之间出现空白
• 包裹h2的<form>标签也带有默认边距，进一步加剧了这个问题

解决步骤 #

直接通过Tailwind类清除这些默认间距即可：

1. 给<h2>添加mt-0类，去掉它的默认上外边距：

<h2 class="text-sm text-center border-b-2 border-dark-cyan-600 bg-dark-cyan-600 py-1 w-full mt-0">
    Time Deposit
</h2>

2. 给<form>添加m-0类，清除表单的默认边距：

<form id="td-form" class="m-0">

这样就能消除header和div之间的空白了。

内容的提问来源于stack exchange，提问作者Pongbao