A böngészők "CSS box model" értelmezése

Lépésről lépésre: +margin ,majd +border, majd +padding

A vizzsgált belső DIV-blokk:
width:240px; height:40px; margin:0; border-style:none; padding:0; background-color:white;

Ez kell legyen a megjelenési szélesség
Tartalom tartalom tartalom tartalom tartalom tartalom tartalom

A vizzsgált belső DIV-blokk:
width:240px; height:40px; margin:10px; border-style:none; padding:0; background-color:white;;

Ez kell legyen a megjelenési szélesség
Tartalom tartalom tartalom tartalom tartalom tartalom tartalom

A vizzsgált belső DIV-blokk:
width:240px;height:40px; margin:10px; border:10px solid black; padding:0; background-color:white;;

Ez kell legyen a megjelenési szélesség
Tartalom tartalom tartalom tartalom tartalom tartalom tartalom

A vizzsgált belső DIV-blokk:
width:240px;height:40px; margin:10px; border:10px solid black; padding:10px; background-color:white;

Ez kell legyen a megjelenési szélesség
Tartalom tartalom tartalom tartalom tartalom tartalom tartalom

Mindezt próbáld ki különböző böngészőkön is!

A világoszöld területet kell a belső DIV-nek kitöltenie pontosan!
A megjelenési szélesség = margin-left + border-left + padding-left + width + padding-right + border-right + margin-right

IE-ek esetében NE LEPŐDJ MEG!

A megjelenési szélesség = margin-left + width + margin-right