Wie kann ich sicherstellen, dass mein Bild nicht mit dem Rest des Inhalts überfüllt ist? ⇐ CSS

[Anonymous]

Ich habe den folgenden Code für eine Seite mit einer Fußzeile, die sich auf der unteren Räume links im Hauptbehälter absolut positioniert. Ich habe es für verschiedene Auflösungen als absolut gehalten, um das Bild unten links richtig anzuzeigen. Das Problem ist, dass sich das Bild nicht bewegt und mit dem obigen Code verschmilzt. < /P>

Code: Select all

          className="flex flex-col relative h-full m-24 px-24 bg-blue-10 overflow-auto"
style={{
backgroundImage: `url(${GmpStaticImages.WhatsNewBackground})`,
backgroundSize: "cover",
}}
>

rest of the content

[img]{WhatsNewFooter}
position: "absolute",
bottom: 0,
left: 0,
paddingBottom: "26px",
}}
alt="FooterImage"
/>

Wie kann ich das beheben?