max-width:100%失效主因是缺乏参照宽度或父容器为flex/grid导致图片被拉伸；应配合...
inline-block底部空白间隙源于基线对齐，vertical-align可解决；box-siz...
Flex子元素垂直居中失效主因是父容器非flex布局或高度未明确；需确保父容器display:fle...
必须先将ul设为display:flex，再给li设置flex:110并重置margin/paddi...
flex-wrap:wrap未换行主因是父容器宽度过大或未设宽，致子项可单行排列；需设width/m...
应设置子元素min-height:0、box-sizing:border-box、align-sel...
清除浮动本质是解决父容器因子元素浮动导致高度塌陷的问题；clear属性仅控制当前元素边距不紧贴浮动元...
float元素导致父容器高度塌陷，因其脱离文档流使父容器无法感知其存在；正确清除方式是触发BFC，如...
.clearfix类是解决浮动布局维护难的最优解——通过伪元素生成无侵入清除节点，兼容IE8+、不裁...
要实现Flex布局中多行项目的整体垂直居中，需设置flex-wrap:wrap启用换行，再用alig...
align-content:center仅在多行且容器有明确高度时生效；单行或无高度约束则无效。需同...
gap已取代grid-gap，是row-gap和column-gap的简写，支持单值（统一行列间距）...
CSSGrid可高效构建后台页面布局：通过grid-template-areas划分header、n...
浮动元素会自动变为块级元素，无论原display值如何；浏览器将其内部计算为display:bloc...
移动端布局中必须全局设置box-sizing:border-box，否则默认content-box模...
1595
