与“flex布局”相关的TAG标签
footer不贴底是因浮动导致父容器高度坍缩，应在其上设clear:both；overflow:hidden虽能触发BFC修复但易裁剪溢出内容；现代推荐用flex布局替代浮动。
Flex容器默认不换行，关键在于flex-wrap属性（默认nowrap）；开启wrap后子项仍不换行需检查flex-shrink和宽度设置；多行对齐用align-content而非align-items。
nav中a标签默认inline导致横排无间距，应使用flex布局控制对齐与间距，小屏需响应式折叠，并兼顾可访问性与兼容性。
flex布局最可靠，通过根容器设flex-column、主内容区flex:1撑开空间，使footer自然贴底；grid更简洁但不兼容IE；fixed易遮挡内容且难适配高度变化。
图片与文字错位因默认baseline对齐，修复用vertical-align:middle或text-bottom；flex布局需设height和align-items:center；inline-block间隙可font-size:0解决；图片须设宽高防加载跳动。
banner区应使用语义化HTML结构，优先用包裹，主标题用唯一，副标题用或，按钮用或；CSS采用Flex布局实现垂直水平居中，配合clamp()响应式字体和按设备加载适配图片。
页面空白过多源于浏览器默认样式、flex布局未约束容器高度、line-height设置不当及margin使用不合理；应统一CSS重置、合理设置容器高度与gap、优化行高与对齐方式。
在Flex容器中对子元素使用position:absolute或position:relative时，它看似“不听flex布局的话”，比如脱离了justify-content或align-items的控制——这不是bug，而是CSS规范的明确行为：定位（position）会绕过Flex布局的主轴/交...
Flex布局中子元素宽高比例异常的根源在于未显式设置flex-basis，默认auto值受内容影响导致初始尺寸不一致；应统一设flex-basis:0配合flex-grow实现等分布局，并注意其仅作用于主轴方向。
不能。绝对定位元素脱离文档流，不参与flex布局计算，justify-content、align-items等属性对其无效；其位置由top/right/bottom/left和包含块决定，与flex属性无关。
