Exemple de code de mise en page alternative en haut et en bas de la page Web DIV+CSS_Experience Exchange

Permettez-moi d'abord de parler de quelques problèmes découverts au cours du processus d'essai
1. Problème de modèle de boîte
Je pense que les amis qui jouent avec le refactoring ou le DIV+CSS devraient tous savoir ce truc, je ne dirai pas de bêtises, mais. Je ne le sais pas. Si vous êtes intéressé, vous pouvez effectuer une recherche en ligne. Je mentionne cela ici car cette disposition est contrôlée par pourcentage, donc après avoir ajouté un bord de 1 px à la bordure, il est difficile de la réduire, j'ai donc abandonné le style de bordure supérieure.

2. Problème de débordement
Ce problème peut être résolu en masquant le débordement pour éviter que le contenu ne soit trop long et ne déborde. Au début, vous pouvez ajouter un attribut caché au débordement de html et de corps. Blank m'a dit qu'IE avait une largeur de barre de défilement par défaut (je ne le sais pas), mais pas FF (je ne le sais pas).

C'est en gros ça, le code est le suivant :

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Test des couches sup茅rieure et inf茅rieure</title> <style type="text/css"> <!-- *{ margin:0px; padding:0px; } html,body{ height:100%; } * html, * html body { overflow: hidden; /*</style>