clear属性并非清除浮动，而是让当前元素上边界避开前面的浮动元素；它只对普通文档流中的块级元素生效，无法解决父容器高度塌陷，真正修复需触发BFC。

子元素margin会让父元素“被撑开”是因margin塌陷：子元素垂直外边距与父元素边界合并；触发BFC（如display:flow-root）可彻底解决，语义清晰且无副作用。

表单控件在flex布局中不收缩是因浏览器默认min-width（如input为180px），需显式设min-width:0使其可压缩；固定宽则用flex-shrink:0。

inline元素设置width和height无效是因为CSS规范规定其盒模型属性对布局无影响，浏览器会忽略它们；应改用inline-block、block、flex或grid等显示类型。

本文解释为何对默认inline的元素设置padding-bottom无效，并通过display:block或inline-block修复布局问题，帮助开发者深入理解CSS盒模型与显示类型的关系。

margin四边顺序为上右下左（顺时针），缩写支持1~4值：1值全同，2值为上下/左右，3值为上/左右/下，4值即顺时针；负值可行但易致重叠或裁剪；垂直外边距会合并；行内元素不响应上下margin；margin:auto居中需块级+定宽；box-sizing:border-box使width包含padding和bord...