页脚布局

CSS Grid 能高效实现页脚布局，通过 grid-template-columns 划分多列区域，结合 gap 和 padding 优化间距；使用 minmax() 或 auto-fit 可实现弹性自适应；在响应式场景下，媒体查询将多列堆叠为单列，提升移动端可读性；利用 align-items …

使用浮动可实现页脚多栏布局，通过float:left和宽度设置使栏目并排，配合clear:both或伪元素清除浮动防止塌陷，结合百分比与媒体查询实现基础响应式，适用于老项目维护。 浮动（float）在传统网页布局中常用于实现多列结构或元素的并排排列。虽然现代开发更多使用 Flexbox 或 Grid…

使用Flexbox与Grid结合实现响应式页脚布局，.footer采用Grid设置整体多列结构，配合auto-fit和minmax实现自适应列数，内部模块如.brand、.social等使用Flexbox进行垂直排列与对齐，通过媒体查询在小屏下切换为单列并居中显示，结合gap、justify-sel…