Maison >interface Web >tutoriel CSS >Comment implémenter CSS pour toujours corriger le pied de page en bas

Comment implémenter CSS pour toujours corriger le pied de page en bas

王林
王林avant
2020-03-11 10:59:134717parcourir

Comment implémenter CSS pour toujours corriger le pied de page en bas

Objectif :

Corriger la zone de pied de page en bas. Quelle que soit la largeur de la page, elle sera toujours en bas, tout comme le menu du bas. côté mobile.

(Tutoriel recommandé : Tutoriel d'introduction CSS)

Exemple :

<!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>

Tutoriel vidéo associé recommandé : Tutoriel vidéo CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer