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不工作

回答

相關問題