直接定位上0左200行不行
直接top:0;left:200px;能不能代替 top:0;margin-left:200px;
直接定位好不对它进行边界移动 结果的图形是差不多的
直接top:0;left:200px;能不能代替 top:0;margin-left:200px;
直接定位好不对它进行边界移动 结果的图形是差不多的
2016-06-15
方向和外边距方向 语义是不同的。你的提问,答案当然是可行的,但是你既然问,说明你概念并没有搞清楚。
直接方向,比如 top 是相对具有定位属性的父元素偏移。当然left等也是。
而margin-top或left,不属于定位移动,只不过也能实现效果,怎么说呢,想象一下盒模型。看上去偏移了,实际只是他本身变大了,由于是外边距是空的,所以可见内容看上去偏了位置。
这也就解释了,为什么本节练习中,设置TOP 可以,而设置margin-top就不可以。另外设置left 和 margin-left 效果一样,但是原理仍然是不同的,只不过元素本身就是处于父元素中最左边。所以两种设置都可以实现效果。
设置边距是相对她原本所在位置去偏移,设置方向是相对父元素移动。!!!
举个例子:如果导航放右边,内容放左边。你去实现以下就可以理解的跟深入了。
举报