绝对定位

使用position: fixed可使元素固定于视口，页面滚动时位置不变，常用于导航栏；与absolute不同，fixed相对于视口定位，absolute相对于最近的已定位祖先元素；响应式中可通过媒体查询调整或禁用fixed；z-index决定堆叠顺序，需设较高值避免被遮挡。 使用 position…

绝对定位通过position:absolute使元素脱离文档流，依据最近的非static定位祖先元素进行定位，常用top、right、bottom、left精确控制位置。关键在于为父元素设置relative等非static定位以建立定位上下文，否则元素会相对于body定位导致错位。脱离文档流后元素不…

calc()函数通过混合单位计算实现动态布局，如width: calc(50% – 20px)可灵活设置元素尺寸；在响应式设计中，它能结合视口单位与固定值，如height: calc(100vh – 60px)，精确分配空间；使用时需注意运算符空格、单位兼容性，并推荐用CSS…

3D翻转效果通过transform、transform-style和backface-visibility实现，核心是创建3D空间并控制元素正反面的可见性。 CSS容器实现内容翻转，核心在于利用 transform 属性的 rotateY 或 rotateX ，结合 transform-style:…

答案：通过设置容器的overflow属性实现局部滚动，使用Webkit私有属性自定义滚动条样式。具体做法为定义容器宽高并设置overflow: auto或scroll，确保内容超出容器以触发滚动条；针对不同浏览器，Webkit内核支持::-webkit-scrollbar系列伪元素自定义滚动条外观，…

制作CSS圆点最推荐使用伪元素法，即通过::before或::after结合border-radius: 50%、position: absolute和transform: translateY(-50%)实现，既不增加HTML结构，又能精准控制位置与样式，适用于列表标记或文本点缀，且具备高可维护性…

直接设置表格高度可通过height属性实现，如table{height:300px}；也可通过tr的height、td的padding和line-height调整行与单元格高度；使用min-height和max-height可限制高度范围；table-layout:fixed配合width可固定列宽…

粘性定位是CSS中一种结合relative和fixed特性的定位方式，元素在滚动到指定位置（如top: 0）时固定于视口。使用时需设置position: sticky及至少一个偏移属性，且父元素不能有overflow: hidden等限制。常见问题包括未设偏移量、父元素溢出受限、z-index层级低…

答案是Flexbox和Grid是现代CSS居中布局的首选，因它们能轻松实现二维居中且适应动态内容；传统方法如text-align、margin: auto、position配合transform则适用于特定场景或兼容性需求。 CSS居中布局的实现，核心在于理解你想要居中的元素类型（是文本、图片、还是…

掌握CSS布局需先理解盒子模型、定位、浮动、Flexbox和Grid。盒子模型由内容、内边距、边框和外边距组成，影响元素尺寸与位置；通过box-sizing可调整计算方式。定位包括static、relative、absolute、fixed和sticky，用于控制元素位置，常结合使用实现精准布局。浮…