清除浮动影响的核心方案是clear属性和clearfix伪元素，现代推荐使用display:flow-root触发BFC，简洁无副作用；旧项目可选clearfix，避免用clear空标签。

页脚贴不住底部的最优解是用flex布局配合margin-top:auto。将html和body设为height:100%，body设为display:flex、flex-direction:column，main设flex:1，footer设margin-top:auto即可。

PHP生成静态页时块级元素水平居中需靠CSS实现，方法包括：一、margin:0auto配固定宽；二、text-align:center配inline-block；三、Flexbox的justify-content:center；四、绝对定位加transform位移；五、Grid的justify-items:cente...

CSS布局混乱主因是结构未预设、样式未分层；应先语义化拆分模块（如header/sidebar/main/footer），再于需对齐的父容器上精准启用Flex，配合命名空间避免污染。

新项目优先用Flexbox，浮动仅用于文字环绕、老项目维护和极简内联排版；Flexbox解决清浮动、垂直居中、等高列、顺序控制和弹性分配五大痛点。

掌握HTML5需分三阶段：一、熟记header、nav、main、article、section、aside、footer等语义标签的适用场景；二、用其组合构建三栏页、博客列表、figure图注、fieldset表单分组及ol流程步骤；三、通过DOM操作和事件监听实现内容切换、表单验证、数据筛选与动态插入。