如何去掉页脚下方的空白并使图片正确调整大小？

1. 去掉页脚下方的空白： 在CSS样式表中找到页脚的类或ID选择器，添加以下代码：

.footer { margin-bottom: 0; }

2. 使图片正确调整大小： 为了让图片自适应容器，可以设置其max-width属性为100%，同时不设置height属性。例如：

img { max-width: 100%; }

这样，图片宽度最大为容器的宽度，高度会根据宽度自动设置以保持比例。

完整的代码示例：

HTML代码：

<footer class="footer"> <img src="image.jpg" alt="My Image"> </footer>

CSS代码：

.footer { margin-bottom: 0; }

img { max-width: 100%; }