margin和padding怎么用

来源:互联网 发布:淘宝店铺装修轮播图片 编辑:程序博客网 时间:2024/04/30 15:12

这是关于盒模型的问题,以firefox浏览器举例吧,因为IE的低版本的解释不太标准。
假设一个标签是<div id="mybox"></div>就是一个平面盒子,有宽度和高度的平面盒子。
那么,定义它的高度为100,宽度为200.
margin定义的是这个平面盒子的外边距,就是说这个盒子距离他外面的盒子的距离。
padding定义的是这个盒子的内边距,就是这个盒子内部的东西与这个盒子的距离。
可以查一下盒模型的概念
单纯的一个盒子设置margin和padding是看不出来效果的,最好是有个相邻的盒子和内部的盒子才能看出效果来。

原创粉丝点击