Warum stellt sich height:0 eigentlich so an? Bzw. ich? bearbeitet von Nico R. 22.01.2025 15:22 Hallo Hans, nein, das margin hat keinen Einfluss. Das hatte ich auch nicht erwartet. Ich bin etwas erstaunt über die [Erklärung auf SELFHTML](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Boxmodell#Theorie:_das_klassische_Box-Modell). Dass sich die Gesamtbreite aus **margin-left + border-left + padding-left + width + padding-right + border-right + margin-right** berechnet, konnte ich im Test nicht reproduzieren: ~~~ HTML <!DOCTYPE html> <html lang="de"> <head> <style> select, div { display: block; /*box-sizing: border-box;*/ width: 500px; margin: 50px; padding: 100px; border: 1px solid black; overflow: hidden; background: yellow; } </style> </head> <body> <div></div> </body> <html> ~~~ Der Browser berechnet für das div unabhängig vom **margin** im Boxmodell 702px, mit **border-box** 500px. Schöne Grüße Nico
Warum stellt sich height:0 eigentlich so an? Bzw. ich? bearbeitet von Nico R. 22.01.2025 15:22 Hallo Hans, nein, das margin hat keinen Einfluss. Das hatte ich auch nicht erwartet. Ich bin auch etwas erstaunt über die Erklärung auf [Erklärung auf SELFHTML](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Boxmodell#Theorie:_das_klassische_Box-Modell). Dass sich die Gesamtbreite aus **margin-left + border-left + padding-left + width + padding-right + border-right + margin-right** berechnet, konnte ich im Test nicht reproduzieren: ~~~ HTML <!DOCTYPE html> <html lang="de"> <head> <style> select, div { display: block; /*box-sizing: border-box;*/ width: 500px; margin: 50px; padding: 100px; border: 1px solid black; overflow: hidden; background: yellow; } </style> </head> <body> <div></div> </body> <html> ~~~ Der Browser berechnet für das div unabhängig vom **margin** im Boxmodell 702px, mit **border-box** 500px. Schöne Grüße Nico
nicht angemeldet nicht angemeldet
