对于CSS和HTML，新手入门学习静态页面布局是一个不错的选择。

简介：
关于绝对定位与相对定位的选择一直是一个值得探讨的问题。在网页布局的初期学习阶段，我曾反复思考如何恰当运用绝对定位和相对定位，这个问题持续困扰了我一段时间，直到我完成了较多京东静态网页的制作，才逐渐摆脱了这种困扰。 实际上，绝对定位和相对定位的使用并没有明确的限制，应该根据实际情况灵活选择，哪个方式更便捷就应该采用。那么，究竟在什么情况下使用相对定位更为合适，又在什么情况下使用绝对定位更为有效呢？ 如果元素无法精确地停留在我们期望的位置时，这时就可以借助`position`属性来解决。务必记住，绝对定位不占据页面空间，而相对定位则会占据一定的空间。当父元素采用相对定位时，如果我们希望子元素位于父元素的内部或者其附近时，就可以利用绝对定位来对子元素进行精准的操作。此外，也可以通过相对定位（相对于自身位置）来设置`left`, `right`, `top`, `bottom`值。例如，如果相对于自身位置向上移动或向左移动时，`top`或`left`的值必须为负值。 此外，需要关注的是导入文件路径可能带来的问题。无论是导入图片、链接还是CSS样式文件都可能存在路径相关的问题。路径类型包括相对路径、绝对路径和远程路径；在实际应用中，我们通常会选择使用相对路径。这主要是因为有时难以区分 `./`, `../`, 和 `/` 的区别。下面将对这些路径进行详细说明。