padding与margin区别

来源:互联网 发布:统计学关于数据的论文 编辑:程序博客网 时间:2024/05/18 09:09
<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>

</body>

试验一下哈,margin指的是与父控件的间距, padding指的是它包含的子控件与它自己边框的间距  所以显示结果为div1离body容器左边距为10px;div2离div1左边距为20px;按钮离div2左边距为30px;

原创粉丝点击