Hej, proszę bardzo o zrozumienie dlaczego nie mogę ustawić wartości procentowych dla obiektów z position absolute.
Mam div o nazwie container, który chcę żeby mial 100% szerokość i 100% wysokość. Problem pojawia się gdy ustawiam wysokość - kiedy w containerze wysokość jest ustawiona w pikselach, pozostałe divy mogę ustawiać w procentach. Gdy height w container zmienię na proenty, wtedy w divach muszę używać pikseli.
Będę bardzo wdzięczna za wyjaśnienie!
<body>
<div id="container">
<div id="logo">
<img src="//via.placeholder.com/150x50/ 2c72db/ffffff?text=Canvas">
</div>
<nav>
<div class="menu">
<ul>
<li>Home</li>
<li>About Us</li>
<li>Rates</li>
<li>Contact Us</li>
</div>
</nav>
</div>
</body>
#container {
margin-left:auto;
margin-right:auto;
height:100%;
width:100%;
position: relative;
}
#logo {
position: absolute;
top:2%;
left:2%;
}
.menu {
position: absolute;
top:2%;
left: 55%;
}
li {
display: inline-block;
margin-right:70px;