Beispielcode für ein alternatives oberes und unteres Layout der DIV+CSS-Webseite_Erfahrungsaustausch

Lassen Sie mich zunächst über einige Probleme sprechen, die während des Testprozesses entdeckt wurden
1. Box-Modell-Problem
Ich glaube, dass alle Freunde, die mit Refactoring oder DIV+CSS spielen, dieses Ding wissen sollten. aber ich weiß es nicht. Wenn Sie interessiert sind, können Sie online suchen. Ich erwähne dies hier, weil dieses Layout prozentual gesteuert wird. Nach dem Hinzufügen eines 1-Pixel-Rands zum Rand ist es daher schwierig, ihn wieder zu verkleinern. Deshalb habe ich den oberen Randstil verworfen.

2. Überlaufproblem
Dieses Problem kann gelöst werden, indem der Überlauf ausgeblendet wird, um zu verhindern, dass der Inhalt zu lang wird und überläuft. Zu Beginn können Sie dem Überlauf von HTML und Body ein verstecktes Attribut hinzufügen. Blank sagte mir, dass IE standardmäßig eine Bildlaufleistenbreite hat (das weiß ich nicht), FF jedoch nicht (das weiß ich nicht).

Das ist im Grunde alles, der Code lautet wie folgt:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Testen der oberen und unteren Schicht</title> <style type="text/css"> <!-- *{ margin:0px; padding:0px; } html,body{ height:100%; } * html, * html body { overflow: hidden; /*</style>