marginbottom不工作

<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什么都没有发生。我应该在这里做什么？marginbottom不工作

来源

2012-01-13 fish40

你想要图像总是在什么底部？ – Filip 2012-01-13 09:48:24

@ fish40：如果我的回答有助于解决您的问题，请将其标记为已接受。 – Connum 2012-01-13 11:04:39

如果你想让图像停留在div的底部，那么margin-bottom就不是你想要的。

position: absolute; 
bottom: 0px;

为.certificates将它定位在div里面，但只有当你添加position: relative;到.left {}。

来源

2012-01-13 09:49:33 Connum

图像是被替换的元素，因此它们受边界属性（以及影响非替换内联元素的填充属性）的影响。 – 2012-01-13 11:25:37

对不起，我没有得到你想告诉我的。 “替换”是什么意思？ \\编辑：好的，我明白了......只是从来没有听过那种表达。我将删除我的答案的第一部分。 – Connum 2012-01-13 11:28:39

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

来源

2012-01-13 09:49:41

marginbottom不工作

回答

相关问题