CSS positioniert HTML-Elemente als Vierecke - sogenannte Boxen oder Container.
Ein HTML Element kann Text und Bilder, sowie eine CSS-Hintergrundgrafik enthalten.
HTML-Elemente können in der Ansicht übereinandergelegt werden.
Mit Hilfe der HTML-Boxen bzw. Container werden Inhalte auf dem Bildschirm positioniert.
Im HTML Dokument (.html) werden Container üblicherweise mit
<div></div> gekennzeichnet, in Frage kommt jedoch jeder HTML Befehl.
Für Menüs werden üblicherweise unsortierte Listen verwendet, also <ul><li></li> ......</ul>
Im Stylesheet (.css) hat jede Container-Box einen Innenabstand (padding), einen Rahmen (border) und einen Außenabstand (margin).
Alles zur Berechnung der Breiten einschließlich Innen- und Außenabständen von Containern-Boxen finden Sie hier:
https://wiki.selfhtml.org/wiki/CSS/Tutorials/Boxmodell