Fehlausrichtung des CSS-Webseitenlayouts: Berechnung der CSS-Breite

Warum die Breite berechnen
Die Berechnung der Pixelbreite von Webseiten dient dazu, dass das CSSWebseitenlayout sauber und kompatibel ist. Es ist üblich, dass wir beim Layout der linken und rechten Strukturwebseite die Breite der gesamten Seite berechnen oder die Breite nicht berechnen, ob die Breite zu groß oder zu klein ist es werden Probleme auftreten.

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 300 Pixel links und 100 Pixel rechts.
Richtiger Code:

Links 300px

100px rechts

Da sowohl die linke als auch die rechte Struktur eine Breite von 1 Pixel haben, müssen Sie die Breite des linken und rechten Randes von jeweils 2 Pixel subtrahieren, sodass die linke Seite am Ende eine Breite von 298 Pixel und die rechte Seite eine Breite von hat 98px

Wenn der Rand nicht subtrahiert wird, treten folgende Effekte auf:

DIV CSS

Berechnung der prozentualen Breite festlegen

Manchmal müssen wir auch den Prozentsatz zur Berechnung der Breite verwenden, normalerweise ist es auch die prozentuale Gesamtbreite, die 100 % nicht überschreiten darf

Achten Sie bei der Berechnung der CSS-Breite auf die Zusammenfassung: Ob es sich um eine Links-Rechts-Struktur, ein mehrspaltiges Layout oder eine einzelne DIV-Breitenlayouteinstellung handelt, Sie müssen auf das Verständnis und die Berechnung der Breite achten , insbesondere bei Verwendung von Polsterung, Rand, Rahmen usw.CSS-Eigenschaften
, zu diesem Zeitpunkt müssen wir alle die von ihnen festgelegte belegte Breite berechnen und festhalten, dass die Summe der Breiten ist Die gleiche Zeile ist kleiner oder gleich der Gesamtbreite. Wenn sie größer als die Gesamtbreite ist, wird ein Kompatibilitätsproblem mit falscher Platzierung angezeigt. Daher können wir bei einer allgemeinen Fehlausrichtung mit der Berechnung der Breite beginnen. Natürlich gibt es viele Gründe für eine Fehlausrichtung. Dies ist auch eine der Methoden, um das Problem der Fehlausrichtung zu lösen.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn