Wenn man einem Element in CSS einen Border, Padding oder Margin gibt, so weitet sich das Element aus. Befindet sich ein anderes Element daneben, so muss die Breite und Höhe dieses Elementes ebenfalls angepasst werden.
Dafür gibt es einen netten Trick.
|
1 2 3 4 5 6 7 8 9 10 |
/* margin, padding und border sind so kein Problem mehr */ #a{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px; border: 2px solid black; margin-right:5px; } |
Login