HTML+CSS 布局实践：层定位与相对、绝对定位

实验目的：

深入理解 DIV+CSS 布局的思想；
熟练掌握 'relative'，'absolute'，'fixed' 布局的方法。

实验内容：

新建 sy6-1.html，利用 DIV+CSS 布局思想，实现下图的效果。
新建 sy6-2.html，利用 'relative'，'absolute' 布局思想实现下面的效果图。

实验小结： 本次实验让我更加深入理解了 DIV+CSS 布局的思想，掌握了 'relative'，'absolute'，'fixed' 布局的方法。在实践中，我遇到了一些困难，比如 'margin' 和 'padding' 的使用，以及定位元素的层级关系等问题。通过查阅文档和实践，我逐渐掌握了这些问题的解决方法，最终完成了实验任务。通过这次实验，我深刻体会到了实践的重要性，只有不断实践和探索，才能更好地掌握知识。