盒子模型的概念
一个盒子模型由 content (内容)、border(边框)、padding(间隙)和margin(间隔) 这四个部分组成
padding的用法
padding 用于控制 content 与 border之间的距离
例：<styletype="text/css">
.outside{padding:10px30px50px100px;/*同时设置，顺时针*/
border:1pxsolid#000000;/*外边框*/
background-color:#fffcd3;/*外背景*/}
.inside{background-color:#66b2ff;/*内背景*/
border:1pxsolid#005dbc;/*内边框*/
width:100%;line-height:40px;text-align:center;font-family:Arial;}
</style>
<body>
<divclass="outside"> <divclass="inside">padding</div> </div>
</body>
margin的用法
margin 是指元素与元素之间的距离，从直观上来看就是指用于控制块与块之间的距离。
a. 当俩个行内元素紧邻的时候，他们之间的距离为第一个元素的 margin-right 加上第二个元素 margin-left的值。
b. 若不是行内元素，而产生换行效果的块级元素，则两个块级之间的距离不是 margin-bottom 和 margin-top的和，而是俩者中取较大的值作为两个块级之间的距离。
c. 父子关系，即当一个div块包含在另一块div中间时，其中子块的 margin 将以父块的 content 为参考。
注：在上述 C 的情况下当父 div 的高度设置的值小于子 div块的高度加上 margin的值时，此时 IE 浏览器会自动扩大，保持子元素的 margin-bottom的空间以及父元素自身的 padding-bottom ，但是 Firefox 就不会，它会保证父元素的。height 高度的完全吻合，这时子元素将超过父元素的范围。另外:margin 也可以设置成负数，当设置成负数时，会使得设置成负数的块向相反的方向移动，甚至覆盖在其他的块上。
直接拨打业务电话：0755-85278776
