当谈论网页设计和开发时，CSS布局技巧是至关重要的一部分。不同的布局技巧可以用来实现各种各样的网页布局，从简单的博客页面到复杂的电子商务网站。在这篇笔记中，我汇总了一些常见的CSS布局技巧，包括浮动、定位、弹性盒子布局等，并提供它们的应用场景和实操实践。
1. 浮动（Float）
应用场景： 浮动是一种常见的CSS布局技巧，用于实现多列布局和文字环绕图片等效果。它可以让元素沿着父容器的左侧或右侧浮动，并且其他内容会环绕在它的周围。
2. 定位（Positioning）
应用场景： 定位是一种精确控制元素位置的方式。常用的定位属性包括absolute（绝对定位）、relative（相对定位）和fixed（固定定位）。它们可以用于创建悬浮菜单、模态框等。
3. 弹性盒子布局（Flexbox）
应用场景： 弹性盒子布局是一种强大的布局技巧，特别适用于创建灵活的、响应式的布局。它允许您轻松创建水平和垂直居中的布局，以及自适应内容的网页。
4. 网格布局（Grid）
应用场景： 网格布局是一种二维布局系统，用于创建复杂的网格结构。它适用于构建网格图像库、多列布局等复杂的布局需求。
5. 响应式布局（Responsive Layout）
应用场景： 响应式布局是一种根据设备屏幕大小和方向来调整网页布局的技巧。媒体查询（Media Queries）是实现响应式布局的关键。
