Nico R.: Warum stellt sich height:0 eigentlich so an? Bzw. ich?

Beitrag lesen

Hallo Hans,

nein, das margin hat keinen Einfluss. Das hatte ich auch nicht erwartet.

Ich bin etwas erstaunt über die Erklärung auf SELFHTML. 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:

<!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