本文通过一个具体的HTML示例，详细解析了CSS中margin与padding属性的作用。解释了margin定义元素与父元素之间的间距，而padding定义了元素内部与其子元素之间的间距。
<body>
<div id="div1" style="width:200px; height:100px; margin-left:10px; padding-left:10px;background:#00FF00;"><div id="div2" style=" width:100px;margin-left:10px; padding-left:10px; height:100px;background:#FF0000;"><input type="button" style="margin-left:20px;"/></div></div>
<div id="div1" style="width:200px; height:100px; margin-left:10px; padding-left:10px;background:#00FF00;"><div id="div2" style=" width:100px;margin-left:10px; padding-left:10px; height:100px;background:#FF0000;"><input type="button" style="margin-left:20px;"/></div></div>
</body>
试验一下哈，margin指的是与父控件的间距， padding指的是它包含的子控件与它自己边框的间距 所以显示结果为div1离body容器左边距为10px;div2离div1左边距为20px；按钮离div2左边距为30px；
扫一扫
9328
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
