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

@ fish40：あなたの質問を解決するために私の答えが役立っていたら、それを合格とマークしてください。 – Connum

画像をdivの下に置いておきたい場合は、margin-bottomはあなたが望むものではありません。 .certificatesため

position: absolute; 
bottom: 0px;

divの内側に位置していますが、.left {}にposition: relative;を追加した場合にのみします。

出典

2012-01-13 09:49:33 Connum

イメージは置換された要素なので、マージンのプロパティ（置換されていないインライン要素にも影響するパディングプロパティ）も影響を受けます。 –

申し訳ありませんが、あなたが私に話そうとしているものは得られません。「置き換えられた」とはどういう意味ですか？ \\編集：大丈夫、そうです...その表現を聞いたことはありません。私はちょうど私の答えの最初の部分を削除します。 – Connum

margin-bottomは、画像の周りの空白のみを制御します。 divの下部に画像を配置するには、position:absoluteを使用します。

出典

2012-01-13 09:49:41

答えて

関連する問題