最可靠方案是父容器设 display: flex + align-items: center + 明确高度；line-height 仅适用于单行静态场景；vertical-align 对块级按钮无效，且 baseline 对...

最稳妥方案是父容器设 display: flex，左侧用 flex: 0 0 200px 固定宽度，右侧用 flex: 1 自适应剩余空间；Grid 则用 grid-template-columns: 200px 1fr 更...

浮动导致父容器塌陷时，首选 clearfix 清除浮动（兼容性好、无裁剪副作用），次选 overflow: hidden（触发 BFC 但会裁剪溢出内容）；现代布局应直接用 flex 或 grid 替代浮动。 浮动元素撑不...

内联元素间空隙源于浏览器将HTML空白字符渲染为约0.25em宽空白；font-size: 0可消除但需子元素重设字号；flex+gap是更可靠现代方案。 内联元素间空隙是怎么来的 这个空隙不是 CSS 的 bug，而是浏...

float 在 Flex 容器的直接子元素上完全失效，因其被 Flex 布局逻辑忽略；浮动应作用于 flex item 的后代元素，实现如文字环绕等细节排版。 float 与 display: flex 同时使用会怎样 不...

单列布局首选max-width+margin:0 auto居中，兼容IE8；双列用Grid配minmax(0,1fr 防拉伸，加gap替代margin；混排需语义化分容器；移动端侧边栏应视觉隐藏而非display:none。...