CSS height в % не работает?

#html #вёрстка #css #стиль

Почему, когда в height пишешь в px всё нормально, а когда в процентах, как на рисунке,
ничего не работает?
height в процентах нельзя делать?



    
        
        
        
        
        
    
    
        

    


    

Ответы

Ответ 1

Если вы берете проценты, их нужно брать от чего то
Т.е. либо пропишите, как сказано выше
body, html{height:100%}

либо укажите в родительском элементе тоже самое 
body.style_body { height:100%}


Ответ 2

Конечно 100% можно использовать, но я бы вам советовал использовать так называемые
viewport меры. (vh, vw, vmin, vmax)



body {
margin:0;
}
div {
background: #0af;
height:100vh;
color:white;
font-size:40px;
text-align:center;
}

100 высота



Ответ 3

Не хватает только прописать body, html{height:100%}.


Ответ 4

Стереть можно, у меня так получилось.