css中margin和padding的区别

概述写在前面这几天一直在整理面试中遇到的问题，其中一个就是margin与padding的区别。当时说的虽然说出要点了，但是心里还是有点疑惑，所以就又查了查。结合之前整理的内容，深入的研究了下。[HTML/CSS]盒子模型，块级元素和行内元素[HTML/CSS]margin属性用法区别从网上找了这样一段话，觉得通俗易懂，就收集在这里，原文地址：http://sj1762.blog.163.com/blog/static/107005456200907114642346/①margin:是外间距,padding:是内边距。例如现在有两个2mX2m的房子、房子与房子是有距离的。现在你坐在其中一个房子的中间，这时，你与你所在房子的墙之间就有了个距离。我们可以理解为CSS的padding。而你所在房子与另一个房子之间的距离就是margin.②打个比方,在桌子上放了一个盒子,盒子里放了一个东西!把这个盒子看成是你的那个元素或者说是DIV,那么这个盒子离里面的东西的距离就是padding,而这个盒子里桌子边缘的距离,就是margin!③<div  "padding-top:100px;   border:1px solid red;margin-left:100px; "> www.soojs.com </div> padding-top:是www.soojs.com距div的高度 margin-left:是div距body的宽度。总结考察的css中margin和padding的区别，通过对比，就比较容易分清了。 写在前面

区别

总结

总结

以上是内存溢出为你收集整理的css中margin和padding的区别全部内容，希望文章能够帮你解决css中margin和padding的区别所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。