Html marginbottom不是'；行不通 .左{ 背景图片：url（“../images/left_background.jpg”）； 背景重复：重复-x； 高度：600px； 宽度：25%； 浮动：左； 左缘：6%； } .证书{ 位置：相对位置； 边缘底部：5px； }

在这种情况下，

页边距底部

不起作用。我希望图像始终位于

的底部。但是我在设置

边距\u bottom:5px

时，那里什么也没有发生。我应该在这里做什么？

如果您希望图像保持在

div

的底部，那么

页边距底部

根本不是您想要的

<div class="left">
    <a href="index.php">
        <img class="logo" src="images/logo.png" alt="logo" width="100%" height="auto" />
    </a>
    <img class="certificates" src="images/certificates.png" alt="Certificates" />
</div>

.left {
    background-image: url("../images/left_background.jpg");
    background-repeat: repeat-x;
    height: 600px;
    width: 25%;
    float: left;
    margin-left: 6%;
}

.certificates {
 position: relative;
    margin-bottom: 5px;
}

---

对于

。证书

将其放置在div内，但仅当您添加

位置：相对div

的底部，则

边距底部根本不是您想要的

<div class="left">
    <a href="index.php">
        <img class="logo" src="images/logo.png" alt="logo" width="100%" height="auto" />
    </a>
    <img class="certificates" src="images/certificates.png" alt="Certificates" />
</div>

.left {
    background-image: url("../images/left_background.jpg");
    background-repeat: repeat-x;
    height: 600px;
    width: 25%;
    float: left;
    margin-left: 6%;
}

.certificates {
 position: relative;
    margin-bottom: 5px;
}

对于
。证书
将其放置在div内，但仅当您添加
位置：相对
页边距底部的code>仅控制图像周围的空白。要将图像置于div的底部，请使用
位置：绝对
边距底部
仅控制图像周围的空白。要将图像放在div的底部，请使用
位置：绝对
您希望图像始终位于什么的底部？@fish40:如果我的答案对解决您的问题有用，请将其标记为已接受。您希望图像始终位于什么的底部？@fish40:如果我的答案对解决您的问题有用，请将其标记为已接受。图像是替换的元素，因此它们受边距属性（以及填充属性，它们也会影响未替换的内联元素）的影响。抱歉，我不明白您想要告诉我的内容。“替换”是什么意思\\编辑：好的，我明白了。。。只是从来没听过这种说法。我将删除我答案的第一部分。图像是被替换的元素，因此它们受边距属性（以及填充属性，它们也影响未替换的内联元素）的影响。抱歉，我不明白您想要告诉我的内容。“替换”是什么意思\\编辑：好的，我明白了。。。只是从来没听过这种说法。我将删除我答案的第一部分。