绝对定位
绝对定位是一种 CSS 布局方法，它将元素从正常的文档流中移除，并相对于其最近的已定位祖先元素进行放置。该技术适用于需要无论周围内容如何变化，仍需精确放置的浮层、徽章和装饰元素。请谨慎使用，因为绝对定位的元素不会影响其他元素的布局，并可能导致在不同屏幕尺寸下出现重叠问题。
相关术语
约束
布局
定义父容器尺寸改变时，元素如何重新调整大小或位置的规则，对SEO和用户体验至关重要。
容器
布局
用于容纳和组织子元素的父级元素，定义了布局和定位的边界，对SEO和用户体验至关重要。
固定定位
布局
指将元素相对于浏览器视口进行锚定，使其在滚动过程中始终保持可见的定位方式。
伸缩方向
布局
指决定 Flexbox 子元素按行（水平）还是按列（垂直）排列的属性。
Flexbox
布局
一种 CSS 布局系统，专为一维布局设计，用于在行或列中分配项目空间。
页脚
布局
网页底部的区域，通常包含导航链接、版权声明以及联系方式或社交媒体等次要内容。
Gap (间距)
布局
Gap 是 Flex 或 Grid 布局中元素之间的间隙，无需操作外边距 (Margin) 即可提供一致的间隔。这对 SEO 和用户清晰度很重要。
Grid (网格)
布局
Grid 是一种布局系统，通过将空间划分为行和列，为内容排版建立对齐和结构。
Header (页眉)
布局
Header 是网页的最顶部区域，通常包含 Logo、主导航以及登录按钮等关键操作。
Justify Content
布局
Justify Content 是一个 flexbox 属性，用于控制元素在主轴上的分布方式，可选的值包括居中、两端对齐和分散对齐等。
重要提示