Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Colocar colunas ou divs lado a lado com o mesmo tamanho CSS

26-12-2016 06:45

Nesse post vou mostrar colocar várias colunas divs lado a lado. Todas as divs lado a lado com a mesma altura.

Cada div/coluna tem uma altura mínima "min-height" ou seja, enquanto o texto da div for menor que a altura mínima, as divs com menos textos ficam sempre alinhadas a altura mínima.

Segue o exemplo:

<style> .base{ display:block; width:100%; } .div{ display:block; float:left; border:1px solid #ccc; width:15%; height:100%; min-height:200px; margin-top:0px; margin-left:1%; } </style> <div class="base"> <div class="div">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Minime vero istorum quidem, inquit. Quae hic rei publicae vulnera inponebat, eadem ille sanabat. Quae sequuntur igitur? Venit ad extremum; Duo Reges: constructio interrete. Teneo, inquit, finem illi videri nihil dolere. </div> <div class="div">a</div> <div class="div">b</div> <div class="div">c</div> </div>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado