ページが必要なサイズより大きい問題; React.js

Question

現在のページは次のとおりです。 ご覧のとおり、上部に多くの空白があります。この空白を消す方法がわかりません。これは HTML です:

リーリー

SSH 経由でプログラミングしているため、一部の関数は非常に長いため、コードが正しくコピーされないことに注意してください。誰かがより良い解決策を持っていれば、それは非常に感謝されます。 (UIなしでvpsを実行しています) これは CSS です:

リーリー

これをreact.jsでプログラミングしています。

位置を強制的に絶対位置にしようとしましたが、小さい画面ではページが奇妙に見えます。最後に、ログイン コンテナを画面の上部近くに配置したいと思います。覚えておいてください、これは CSS に表示されるのではなく、可能であれば HTML に表示されるようにしたいのです。

また、SSH を使用しないリモート プログラミングに関する提案がある場合は、私に連絡してください。 ;)

＃＃＃-ありがとう！ :)

Answer 1

フレックスボックスを使用してコンテンツを中央に配置している場合は、App セレクターを使用して、.auth-form-container を height: 100% に設定します。 fill コンテナ全体の高さなので、30rem margin-top は削除できます。試してみて、うまくいかない場合は、実際の問題を確認できるように、実際に動作するスニペットを添付してください。お役に立てば幸いです!