顺风CSS组件正在向上移动屏幕到标题

Question

我已经为我的卡使用了这些CSS属性，但是每当我移动页面以测试响应性时，组件就会向上移动到标题。

(我会发布一张照片，但我还没有代表(

.card {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}

<div className="card">
<div className="p-4  bg-white rounded-lg border border-gray-200 shadow-md sm:p-6 lg:p-8 dark:bg-gray-800 dark:border-gray-700 w-96 min-w-full">

</div>
</div>

Answer 1

我认为您可以用不确定的父div来解决这个问题