Heim >Web-Frontend >CSS-Tutorial >So implementieren Sie CSS, um die Fußzeile immer unten zu fixieren
Ziel:
Fußzeilenbereich unten fixieren, egal wie breit die Seite ist, sie wird immer unten sein, genau wie das Menü auf der Seite mobile Seite.
(Empfohlenes Tutorial: CSS-Einführungs-Tutorial)
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>document</title>
<!-- css -->
<style>
#demo{
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
height: 50px;
background-color: #eee;
z-index: 9999;
}
</style>
</head>
<body>
<footer id="demo">我是footer</footer>
</body>
</html>Empfohlenes zugehöriges Video-Tutorial: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo implementieren Sie CSS, um die Fußzeile immer unten zu fixieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!