I have a div with 15% height (height: 15%;)
I can not put set span button of this div. If I use height: 300px; it works well. but with percent height does not work. why?
#parent {
height: 15%;
position: relative;
}
span {
position: absolute;
bottom: 0;
}You can fill the height of the body by using 100vh;
body {
height: 100vh;
}
#parent {
position: relative;
width: 15%;
height: 15%;
background-color: red;
}
span {
position: absolute;
color: white;
text-align: center;
width: 100%;
bottom: 0;
}<div id="parent">
<span>Hello</span>
</div>