z-index不生效主因是父容器未形成层叠上下文；它仅对定位元素有效，且层级比较限于同一层叠上下文内，常见陷阱包括父元素position:static、隐式创建新上下文（如opacity

width:auto和height:auto不触发响应式缩放，仅恢复默认尺寸计算；SVG应用viewBox+width+height:auto实现等比缩放；位图需object-fit配合固定容器；避免HTMLwidth/height属性覆盖CSS。

项目列表错位主因是父容器未设flex或grid布局，应加display:flex、flex-wrap:wrap和gap；width与min-width混用致响应失效，推荐flex:11280px配合max-width和媒体查询；卡片高度不一需固定容器高并用object-fit和多行省略统一视觉。

多列浮动元素间隙不一致的主因是高度差异导致浮动“卡位”错乱，并非margin本身问题；需清除浮动、设固定margin-bottom、控制列宽与box-sizing；现代布局应优先选用flex或grid的gap属性。

CSS中padding不会累加，它只作用于自身盒模型内；所谓“累加”错觉通常源于margin合并、box-sizing默认值或display类型导致的布局异常。

使用Bootstrap的Flexbox工具类（如d-flex、justify-content-center和gap）可轻松实现多按钮水平居中与等距排列，避免手动设置margin导致的换行或布局错乱问题。