Hej :) tak jak w temacie, dlaczego element .dziecko1 nie dziedziczy właściwości height po swoim elemencie nadrzędnym .rodzic, tylko zawija się wskazując zerową wysokość. Poniżej wrzucam kod:
<!DOCTYPE html>
<html lang="pl">
<head>
<title>EXAMPLE</title>
<style>
.rodzic {
overflow: auto;
width: 100%;
}
div:not(.rodzic) {
box-sizing: border-box;
width: 50%;
}
.dziecko1 {
float: left;
height: 100%;
}
.dziecko2 {
float: right;
}
</style>
</head>
<body>
<div class="rodzic">
<div class="dziecko1">
</div>
<div class="dziecko2">
<p>Ogólnie znana teza głosi, iż użytkownika może rozpraszać zrozumiała zawartość strony, kiedy ten chce zobaczyć sam jej wygląd. Jedną z mocnych stron używania Lorem Ipsum jest to, że ma wiele różnych „kombinacji” zdań, słów i akapitów, w przeciwieństwie do zwykłego: „tekst, tekst, tekst”, sprawiającego, że wygląda to „zbyt czytelnie” po polsku. Wielu webmasterów i designerów używa Lorem Ipsum jako domyślnego modelu tekstu i wpisanie w internetowej wyszukiwarce ‘lorem ipsum’ spowoduje znalezienie bardzo wielu stron, które wciąż są w budowie. Wiele wersji tekstu ewoluowało i zmieniało się przez lata, czasem przez przypadek, czasem specjalnie (humorystyczne wstawki itd).</p>
</div>
</div>
</body>
</html>