CSS+DIV ist einer der am häufigsten verwendeten Begriffe in Website-Standards (oder „WEB-Standards“). Er wird normalerweise verwendet, um den Unterschied zur Tabellenpositionierungsmethode in der HTML-Webdesign-Sprache zu erklären, da in den XHTML-Website-Designstandards „Tabelle“ verwendet wird Die Positionierung wird nicht mehr verwendet, sondern es werden CSS + Div verwendet, um verschiedene Positionierungen zu erreichen. Bei der Anwendung der DIV+CSS-Codierung können leicht Fehler passieren. In diesem Artikel werden einige häufige Fehler aufgeführt:
1. Überprüfen Sie, ob in HTML-Elementen Rechtschreibfehler vorliegen und ob das schließende Tag vergessen wurde.
Selbst erfahrene Benutzer verstehen die Verschachtelung von Divs oft falsch. Sie können die Überprüfungsfunktion von Dreamweaver verwenden, um nach Fehlern zu suchen. Webjx.Com
2. Überprüfen Sie, ob das CSS korrekt ist
Suchen Sie nach Rechtschreibfehlern, vergessenem } am Ende usw. Mit CleanCSS können Sie CSS auf Rechtschreibfehler prüfen. CleanCSS ist ein Tool zur Gewichtsreduzierung von CSS, kann aber auch auf Rechtschreibfehler prüfen.
3. Stellen Sie fest, wo der Fehler aufgetreten ist
Wenn sich der Fehler auf das Gesamtlayout auswirkt, können Sie die Div-Blöcke einzeln löschen, bis die Anzeige nach dem Löschen eines bestimmten Div-Blocks wieder normal angezeigt wird, und Sie können feststellen, wo der Fehler aufgetreten ist.
4. Verwenden Sie das Randattribut, um die Layouteigenschaften des Fehlerelements zu bestimmen
Die Verwendung des Float-Attributlayouts kann zu Fehlern führen, wenn Sie nicht vorsichtig sind. Fügen Sie zu diesem Zeitpunkt das Randattribut zum Element hinzu, um die Elementgrenze zu bestimmen, und die Fehlerursache wird aufgedeckt.
5. Das übergeordnete Element eines Float-Elements kann das Clear-Attribut nicht angeben.
Wenn Sie unter MacIE das Attribut „clear“ für das übergeordnete Element eines Float-Elements verwenden, wird das Layout der umgebenden Float-Elemente verwirrt. Dies ist ein berühmter Fehler von MacIE. Wenn Sie ihn nicht kennen, werden Sie Umwege gehen.
6. Das Float-Element muss das Breitenattribut Webjx.Com angeben
Viele Browser haben Fehler bei der Anzeige von Float-Elementen mit nicht spezifizierter Breite. Unabhängig vom Inhalt des Float-Elements muss also das width-Attribut dafür angegeben werden.