Witam
Jak to jest, że tutaj wszystko jest pięknie
A u mnie a kodzie
<html lang="Pl">
<head>
<meta charset="UTF8">
<style>#id_1{}
.nonpointer{cursor: pointer;}a{color:yellow;text-decoration:none;font-family: "Times New Roman", Times, serif;font-size:18px;}b{font-family: "Times New Roman", Times, serif;}html{background-color:black;color:yellow;}select{background-color:black;color:white;border-radius:4px;border:2px solid white;}</style>
</head>
<body style="height:97%;width:97%;margin:1% 1% 1% 1%;position:absolute;border-radius:12px 12px;border:2px solid grey;">
<div style="display:flex;">
<div id="id_1" style="height:100%;display:flex;background-color:red;margin:2% 2% 2% 2%;flex-direction:column;align-items:center;height:100%;width:20%;border-radius:6px 6px;border:2px solid grey;">
aaaaaa
bbb
</div>
<div style="flex-basis:100%;display:flex;top:2%;width:69%;flex-direction:column;border-radius:6px 6px;border:2px solid grey;background-color:green;">
</div>
</div>
</body>
</html>
wychodzi taka popierdułka
Nie oceniam tego, że zielony element ma taką wysokość a nie inna, widać ktoś uznał że taka jest odpowiednia(choć ciekawi mnie dlaczego akurat tyle).
Jak dam w zielonym elemencie height:100% (bo chcę żeby to było na wysokość okna) to się robi cienka linia. Jak dam position:absolute (np. w zielonym elemencie) to powiększa tak jak chcę ale ignoruje to że jest wewnątrz div(przesuwa w lewo).
Jak widać na pierwszym zdjęciu jest tylko display:flex i ładnie bez niczego rozciąga elementy na wysokość obiektu nadrzędnego. U mnie nie chce.
:(
????