CSS 组件正在向上移动屏幕到标题答案

【问题标题】：CSS component is moving up the screen to the headerCSS 组件正在向上移动屏幕到标题
【发布时间】：2022-02-09 01:02:01
【问题描述】：

我已经为我的卡片使用了这些 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>

【问题讨论】：

标签： css tailwind-css

【解决方案1】：

我认为您可以通过不确定的父 div 解决此问题

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。