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




















