2

Tenho um DIV content que engloba outra chamada Images, gostaria que a a div images ficasse no fundo da div content com um certo espaço que eu poderia definir, ex: 400px, porém isso que acontece:

inserir a descrição da imagem aqui

Gostaria que ficasse assim:

inserir a descrição da imagem aqui

Estrutura do código:

<div id="content">

<p>TEXTO TEXTO</p>
     <div id="images"></div>

</div>

1 Resposta 1

3

É necessário basicamente definir a div principal com a position: relative e a div filha position: absolute, o resto é editar da forma que você necessitar. Segue o exemplo:

texto texto texto

  #content {
    position: relative;
    min-height: 150px;
    width: 100px;
    background: black;
    color: white;
  }
  #images {
    position: absolute;
    background: red;
    width: 80%;
    height: 20%;
    bottom: 0;
    margin-left: 10px;
    margin-bottom: 5px;
  }
<div id="content">
  <span>texto texto texto</span>
  <div id="images"></div>
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .