问题

以下是您要翻译的内容：

"Here's the problem:

My footer is normally displayed there, at the end of the page but when the user makes some actions on the page that will extends the page size:

My footer acts like it's fixed on the page, it is on the bottom of the screen that the user sees, not at the bottom of the page (even if the page extends), how can i fix this?

Here is the code: App.js:

import Home from "./Components/Home";
import Footer from "./Components/Footer";
import './App.css';

export default function App() {
return (
<>

</>
)
}

Footer.jsx:

import React from 'react';

const Footer = () => {
return (
<>