小编Cal*_*ees的帖子

ReactJS 和 Tailwind CSS - h-screen 的过度滚动

我正在构建我的个人网站，我只想显示Navbar、Hero和Footer组件。

我可以做到这一点，但是，我的页脚位于底部，但我必须进一步滚动才能看到它。

我已将Heroh-screen 的 className 设置为填满屏幕。即使没有页脚组件，我的主页仍然有轻微的滚动。

不管怎样，我可以阻止这个，让它只有一种尺寸，没有滚动来适应屏幕？

我的Footer.js

import React from "react";
import { FaGithub } from "react-icons/fa";
import { Link } from "react-router-dom";

const Footer = () => {
  return (
    <div className="bg-transparent flex justify-center items-center h-16 bg-transparent text-gray-500">
      (c) 2021 Callum Lees - All rights reserved.{" "}
      <Link to={{ pathname: "https://github.com/" }} target="_blank">
        <FaGithub className="ml-4 hover:text-blue-300" />
      </Link>
    </div>
  );
};

export default Footer;

Run Code Online (Sandbox Code Playgroud)

我的Hero.js组件