定位布局与流式布局

====================

在前端开发中，布局是一个重要的方面。两种常见的布局方式是定位布局和流式布局。本文将详细介绍这两种布局方式，并提供相应的源代码示例。

1. 定位布局：
   定位布局是通过指定元素的位置属性来控制其在页面上的位置。常用的定位属性有position: static、position: relative、position: absolute和position: fixed。

• position: static表示元素采用正常的文档流布局，不会受到其他定位属性的影响。

• position: relative表示元素的定位相对于其正常位置进行偏移。可以使用top、right、bottom和left属性来控制元素的偏移量。下面是一个示例代码：

<style<