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이 원하는 것이 아닙니다. 당신이 .left {}에 position: relative;를 추가 할 경우에만 .certificates에 대한

position: absolute; 
bottom: 0px;

하지만, 사업부 내부를 배치합니다.

출처

2012-01-13 09:49:33 Connum

이미지는 대체 된 요소이므로 마진 속성 (및 대체되지 않은 인라인 요소에도 영향을주는 패딩 속성)의 영향을받습니다. –

미안하지만, 당신이 나에게 말하려고하는 것을 얻지 못합니다. "대체"란 무엇을 의미합니까? \\ 편집 : 알았어. 나는 그 말을 결코 듣지 못했다. 나는 그저 대답의 첫 부분을 제거 할 것이다. – Connum

margin-bottom은 이미지 주변의 공백 만 제어합니다. div의 하단에 이미지를 넣으려면 position:absolute을 사용하십시오.

출처

2012-01-13 09:49:41

marginbottom이 작동하지 않습니다.

답변

관련 문제