Antwort an „Nico R.“ verfassen

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

freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

abbrechen