网页布局教程:边距和绝对定位

这篇文章继续前面发起的关于自动定位的话题，先前在描述关于自动定位的一些基本信息之后，我留下了一些可能用在布局中的方法，现在是时候讨论元素定位的改进问题了。

玩弄绝对定位元素于股掌之间

首先，回忆一下自动定位是如何触发的，设置绝对定位元素的left、top、right、bottom属性为默认的“auto”值，而不是给定长度值。当属性为“auto”值时，绝对定位元素不会参考任何定位的祖先元素，而是参照它作为静态流动元素应该放置的“static”位置。它占据着该位置，但仍保持在一个单独的层上，或许会叠加在文本流上。

一般情况下会很好，但真正这样做会使我们失去对每一个边距属性的控制，当我们需要将AP元素放置到理想位置时，我们就需要正常的利用这些属性了。如果AP元素的静态位置碰巧与我们想让其放置的位置不一致时，有一种可能的方法可以使自动定位元素发射偏移—-margin。

规则说明，margins在所有AP元素上都能工作，且不会与其它margin 折叠，这大大简化了这种状况，但是，有一个问题会导致混淆——AP元素作为内联元素时，如span和link。

在起前一篇文章曾经提到忽略了边距和补白的所有top和bottom属性，但是，AP元素会执行所有的margins和paddings，及时他们是纯粹的span和link。这是因为，AP元素会将其转换成包含块，或者更具体些—块元素。

借助于margin使AP元素向四周移动，这看起来不错，但当你参照前一篇文章中的自动定位演示页，你会有一点陌生，这是演示页：

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!