Remember these 3 points:
- The Margin is the extra space around the control.
- The Padding is extra space inside the control.
- The Padding of an outer control is the Margin of an inner control.
Demo Image:(where red box is desire control)
When to use margin vs padding in CSS [closed]
Explanation of the different parts:
- Content - The content of the box, where text and images appear
- Padding - Clears an area around the content. The padding is transparent
- Border - A border that goes around the padding and content
- Margin - Clears an area outside the border. The margin is transparent
-
Live example (play around by changing the values):
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
