开心一笑
夕阳西下，我扶着八万多一平米房子的阳台扶手，抽着烟，看着眼前花了一百多万装修的豪华游泳池，思绪万千。
人活着究竟为了什么？钱，还是权？有钱有权之后呢？难道就没有了追求吗？
我陷入了深深的思索中。这时身后走来一位美丽动人的少妇，对我说：师傅，水管修好了吗？……[捂嘴]
提出问题
margin和padding区别在哪里呢？？？
解决问题
本身不是做前端开发的，这两个样式自己也搞不清楚，但碰到问题了，
总得去解决，纠结是没用的. 希望写完这篇博客，能彻底吧它弄明白，
这样目的就达到了，同时可以帮助更多的人,动手吧，攻城师们.....
margin: 外边距
padding:内边距
实例一：
<html>
<body>
<body>
<div style="border: solid;width:300px;height:300px">
<div style="
border: solid;
width: 99px;
height: 99px;
padding-left: 30px;
padding-top: 30px;
margin: 100px;">
div2
</div>
</div>
</body>
</body>
</html>
很明显，在图中：
1就是：margin: 100px
2就是：padding-left: 30px
实例二：
看看上面代码在google浏览器的样子：
其他：
（1）padding-left:10px; 左内边距
（2）padding-right:10px; 右内边距
（3）padding-top:10px; 上内边距
（4）padding-bottom:10px; 下内边距
（5）padding：10px; 四边统一内边距
（6）padding:10px 20px; 上下、左右内边距
（7）padding:10px 20px 30px; 上、左右、下内边距
（8）padding:10px 20px 30px 40px; 上、右、下、左内边距
（1）margin-left:10px; 左外边距
（2）margin-right:10px; 右外边距
（3）margin-top:10px; 上外边距
（4）margin-bottom:10px; 下外边距
（5）margin:10px; 四边统一外边距
（6）margin:10px 20px; 上下、左右外边距
（7）margin:10px 20px 30px; 上、左右、下外边距
（8）margin:10px 20px 30px 40px; 上、右、下、左外边距
上面内容，引用不知名高手文章：
http://www.studyofnet.com/news/35.html
个人感悟
虽然内容很简单，但是一折腾，发现就都明白了。说明：人或者事，基本都是折腾出来的
