flex容器align-items设为center未居中，主因是父容器无明确高度或子元素存在默认外边距/行高干扰；align-self优先级高于align-items但仅作用于单个子元素；flex-direction为column时align-items控制水平对齐；IE10–11需用-ms-flex-align且不支...

最稳妥的Go开发环境是使用官方golang:1.22（Debian基）镜像，避免Alpine因cgo和DNS问题导致调试异常；需匹配宿主机架构，合理利用go.mod/go.sum缓存加速构建；调试用dlvexec并暴露2345端口；权限问题应通过--user或Dockerfile中USER指令解决。

VSCode本身不运行Docker，但通过官方Remote-Containers扩展可实现在容器内开发、调试与运行；需先安装Docker引擎，卸载非必要Docker类插件，重启后状态栏显示连接标识。

卡片高度不一致的根本原因是内容结构不统一，包括标题行数、段落长短、图片尺寸和按钮文字长度差异；应通过grid-template-rows+minmax()锁定内容区域最小高度，并在HTML层面统一图片容器、标题行数、摘要行数及按钮文案，辅以flex下height:0;min-height:100%等高技巧。

clear属性对浮动元素自身无效，其作用对象是紧跟在浮动后的块级兄弟元素；解决父容器塌陷需触发BFC，推荐display:flow-root。

Flex布局下盒模型结构未变，但子元素宽高不再直接决定占用空间，而是由flex-basis、flex-grow、flex-shrink共同计算；height:100%失效主因是父容器无明确高度；padding/border仍影响尺寸，推荐box-sizing:border-box。