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 не совсем то, что вы хотите.

position: absolute; 
bottom: 0px;

для .certificates будет позиционировать его внутри DIV, но только если добавить position: relative; к .left {}.

источник

2012-01-13 09:49:33 Connum

Изображения заменяют элементы, поэтому на них влияют свойства полей (и свойства заполнения, которые также влияют на незаменимые встроенные элементы). –

Извините, я не понимаю, что вы пытаетесь мне сказать. Что вы подразумеваете под «заменой»? \\ edit: ok, я вижу ... Просто никогда не слышал этого выражения. Я просто удалю эту первую часть своего ответа. – Connum

margin-bottom управляет только белым пространством вокруг изображения. Чтобы поместить изображение в нижней части div, используйте position:absolute.

источник

2012-01-13 09:49:41

marginbottom не работает

ответ

Смежные вопросы