margin为边距的意思,然而边距是要有参照物的,也就是谁的边距谁多远,可以用下面的图简明的表示出来:
回
哈哈,上面是一个字啊,没办法,CSDN blog画不了图也贴不了图,只能用“回字”表示了,就是两个矩形,外面大矩形套里面小矩形,假设两个矩形分别叫A和B,A包含B
B的margin就是B的四条边到A的四条边的距离,也就是有四个margin:margin-top,margin-right,margin-bottom,margin-left,在CSS中就是这样命名的,而且如果只用margin代替这四个,顺序就按照我写的这个顺序,上-右-下-左,顺时针方向
已经知道了margin的四种类型和含义,但是为什么必须是要有包含关系呢?
其实页面文档是由许多容器组成的,<body></body>是一个容器,<table></table>也是一个容器,等等。只要是封闭的标签都可以看作容器,这就很好的说明了margin:即一个容器的边距包含它的容器的边的距离,这样就很好的定位了它的位置,整个页面的显示也就有数据可依了,也就有条不紊了。