Question

<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;
}

因为margin-bottom无效。我希望图片始终位于<div>的底部。但我设置margin_bottom: 5px时没有任何事情发生。我该怎么办？

Answer 1

如果您希望图片保留在div的底部，那么margin-bottom就不是您想要的了。

position: absolute;
bottom: 0px;

.certificates的

会将其放在div中，但前提是position: relative;添加.left {}。

Answer 2

margin-bottom仅控制图像周围的空白区域。要将图像放在div的底部，请使用position:absolute。

marginbottom不起作用

2 个答案: