flex布局最可靠，通过根容器设flex-column、主内容区flex:1撑开空间，使footer自然贴底；grid更简洁但不兼容IE；fixed易遮挡内容且难适配高度变化。...

width/height仅对非替换元素中的正常流块级元素有效；替换元素天然支持，inline元素需改display，浮动/绝对定位元素脱离文档流后才生效；box-sizing、百分比依赖父级尺寸、min/max-width/height及vh等单位需结合上下文使用。...

不需要，但必须确保首次使用前完成初始化且不并发读写字段；sync.Mutex零值有效，应直接声明而非指针初始化；复制已加锁的Mutex会丢失锁状态，故禁止复制；mu.Lock()后遗漏Unlock会导致后续goroutine永久阻塞。...

footer悬在页面中间的根本原因是父容器高度不足，应设html/body{height:100%}，.wrapper用min-height:100vh+flexcolumn，.main加flex:1撑满剩余空间，footer保持自然流。...

用Flexbox实现粘性页脚最稳妥：设置html、body高度为100%，body为column方向flex容器，main设flex:1，footer自然沉底不遮挡内容。...