页脚换行的ul不会粘在底部

是因为ul元素默认具有一定的高度，并且其父元素没有设置合适的布局属性。要解决这个问题，可以采取以下几种方法：

1. 使用CSS布局技术：
   • 将ul元素的父元素设置为flex布局，并将flex-direction属性设置为column，这样ul元素会自动占满剩余空间并粘在底部。示例代码如下：.parent { display: flex; flex-direction: column; min-height: 100vh; /* 设置父元素的最小高度为视口高度，以确保内容不会溢出 */ }

 ul {

   flex: 1; /* 让ul元素占满剩余空间 */

 }

 ```

• 将ul元素的父元素设置为grid布局，并使用grid-template-rows属性将ul元素放置在最后一行。示例代码如下：.parent { display: grid; grid-template-rows: auto 1fr; /* 第一行自适应内容高度，第二行占满剩余空间 */ min-height: 100vh; /* 设置父元素的最小高度为视口高度，以确保内容不会溢出 */ }

 ul {

   grid-row: 2; /* 将ul元素放置在第二行 */

 }

 ```

1. 使用绝对定位：
   • 将ul元素的父元素设置为相对定位，ul元素设置为绝对定位，并将其bottom属性设置为0，这样ul元素会粘在底部。示例代码如下：.parent { position: relative; min-height: 100vh; /* 设置父元素的最小高度为视口高度，以确保内容不会溢出 */ }

 ul {

   position: absolute;

   bottom: 0;

   width: 100%; /* 设置ul元素宽度为父元素的100% */

 }

 ```

1. 使用flex布局和伪元素：
   • 将ul元素的父元素设置为flex布局，并将flex-direction属性设置为column，然后使用伪元素::before将ul元素之前的内容撑开，使ul元素粘在底部。示例代码如下：.parent { display: flex; flex-direction: column; min-height: 100vh; /* 设置父元素的最小高度为视口高度，以确保内容不会溢出 */ }

 .parent::before {

   content: "";

   flex: 1; /* 使用伪元素将ul元素之前的内容撑开 */

 }

 ul {

   flex-shrink: 0; /* 防止ul元素缩小 */

 }

 ```

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。详细介绍请参考腾讯云云服务器
• 腾讯云云数据库 MySQL 版：提供高性能、可扩展的关系型数据库服务。详细介绍请参考腾讯云云数据库 MySQL 版
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详细介绍请参考腾讯云对象存储（COS）
• 腾讯云人工智能：提供丰富的人工智能服务和解决方案，包括图像识别、语音识别、自然语言处理等。详细介绍请参考腾讯云人工智能
• 腾讯云物联网通信（IoT Hub）：提供稳定、安全、高效的物联网设备连接和管理服务。详细介绍请参考腾讯云物联网通信（IoT Hub）
• 腾讯云移动推送（TPNS）：提供高效、稳定的移动设备消息推送服务。详细介绍请参考腾讯云移动推送（TPNS）
• 腾讯云区块链服务（BCS）：提供一站式区块链解决方案，帮助用户快速搭建和管理区块链网络。详细介绍请参考腾讯云区块链服务（BCS）
• 腾讯云视频处理（VOD）：提供高效、稳定的视频处理和分发服务，满足各种视频处理需求。详细介绍请参考腾讯云视频处理（VOD）