Tworzę zwykły szablon z nagłówkiem, ciałem które zawiera 3 divy i stopką.
Dlaczego prawy div zjeżdza mi pod ciało w którym powinno być zawarte?
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>test css</title>
<style>
body {
margin: 0;
padding: 0;
}
.gora {
height: 50px;
width: 100%;
background-color: aqua
}
.lewa {
width: 150px;
float: left;
overflow: hidden;
position: relative;
background-color: #3e9390;
}
.srodek {
margin-left: 150px;
margin-right: 150px;
background-color: #6653fa;
}
.prawa {
width: 150px;
float: right;
overflow: hidden;
position: relative;
background-color: #facd53;
}
.dol {
clear: both;
}
</style>
</head>
<body>
<div>
<div class="gora">gora</div>
<div class="lewa">lewa</div>
<div class="srodek">srodek</div>
<div class="prawa">prawa</div>
<div class="dol">dol</div>
</div>
</body>
</html>
Proszę o sugestię, magikiem nie jestem, więc może popełniam szkolny błąd.
Dzięki z gówry za pomoc.