flex-direction是最常被重写的弹性容器属性，需确保父容器已声明display:flex；移动端（≤768px）用column，桌面端（≥1025px）用row并配justify-content；注意特异性、align-items在列布局下的影响、gap回退及性能优化。

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

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

浮动广告导致父容器塌陷时，clear并非万能解药，因其仅对后续非浮动块级元素生效；推荐用display:flow-root或overflow:hidden闭合浮动，语义更清晰且无副作用。

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

浮动元素导致父容器高度塌陷，若父容器设overflow:auto/hidden触发BFC且内部浮动元素实际高度超限，会意外出现滚动条；推荐用clearfix或display:flow-root清除浮动，优先采用Flex/Grid替代浮动布局。