Tenho uma div
, e seu Height
está com 90%, mas se diminuir a altura do browser o conteúdo sai pra fora da div
, como posso evitar que saia da div
?
Pensei em utilizar height-min:auto
e height-max:90%
mas não rola. porém se eu deixar com height:auto
, mas para meu conteúdo não seria o ideal.
A parte de cima em azul, seria a div
com o tamanho de 90% a parte branca é apenas uma margem entre as div
, a parte preta é outra div
. A frase até as palavras selecionadas (em azul na parte preta) pertence a div
azul.
Códigos
divAzul
.div4 {
background: -webkit-linear-gradient(top, #088fad 20%, #00d5ff 100%);
margin-top: 4em;
padding: 2em;
border-radius: 1em;
width: 100%;
height: 90%;
}
DivPreta
.div5 {
margin-top: 4em;
padding: 5em 3em 3em 3em;
background: #000000;
border-radius: 1em;
width: 100%;
height: 70%;
}
Estou adicionando estas imagens para melhor entender: