CSS flex彈性布局來做 頁面底部自適應：頁面高度不足時，在底部顯示；頁面高度超出時，隨頁面滾動（親測有效）

布局方式按照這個來 就可以了

<!-- 公共的父元素 --> <div class="index"> <div class="container"> <!-- 你的頁面內容 --> </div> <div class="foot"> <!-- 需要自適應的底部內容 --> </div> </div>

.index{ /* 設置父元素為flex布局 */ display: flex; /* 設置子元素的排列方向 */ flex-direction: column; /* 設置子元素在該方向上的對齊方式 */ justify-content: space-between;  min-height: 100vh; 這里是重點 }