Heim > Artikel > Web-Frontend > Ausführliche Erläuterung der Anweisungen zur Berechnung der Fehlausrichtungsbreite des CSS-Webseitenlayouts

Ausführliche Erläuterung der Anweisungen zur Berechnung der Fehlausrichtungsbreite des CSS-Webseitenlayouts

高洛峰Original: 2017-03-17 14:20:351759Durchsuche

Warum die Breite berechnen
Die Berechnung der Pixelbreite von Webseiten dient dazu, dass das CSSWebseitenlayout sauber und kompatibel ist. Wenn wir Webseiten mit linken und rechten Strukturen gestalten oder Padding und Rand verwenden, berechnen wir normalerweise die Breite der gesamten Seite Ist die Breite zu groß oder zu klein, treten Fehlausrichtungsprobleme auf.

So berechnen Sie die CSS-Breite
Beispiel 1: Wir berechnen den Layoutstil einer linken und rechten Struktur.
Wenn die Gesamtbreite 400 Pixel beträgt, sollte die Summe aus links und rechts weniger als 400 Pixel betragen. Dann haben wir möglicherweise links 300 Pixel und rechts 100 Pixel.
Richtiger Code:

<head>

< p class="zuo">Links 300px

Rechts 100px

< /p>

Oben ist die korrekte Gesamtbreite der linken und rechten Strukturen angegeben, die genau 400 Pixel entspricht

Fehler:
Wenn wir die Gesamtbreite unverändert lassen, beträgt die linke Seite 300 Pixel und die rechte Seite 120 Pixel, sodass die Gesamtbreite 20 Pixel überschreitet. Der p+CSS-Code lautet wie folgt:

Berechnung der linken und rechten Strukturbreite www.webjx.com