Wenn ich das div nach rechts schwebe, wird der Bildschirm durcheinander gebracht ... Ich habe versucht, klar und einige andere Optionen

Ich habe generell ein Problem, wenn es um Schwimmer geht. Ich werde mit dem Layout gut zurechtkommen, aber sobald ich anfange zu schweben, macht die ganze Seite seltsame Sachen. Ich denke, ich brauche ein besseres Verständnis für das Konzept dessen, was vor sich geht. Hier ist mein Code für HTML und CSS.

* {
	margin: 0;
}
#heading {
	background-color: black;
	height: 150px;
}
#navigation {
	background-color: green;
	height: 30px;
}
#leftSide {
	background-color: blue;
	width: 400px;
	height: 700px;
}
#rightSide {
	background-color: red;
	width: 400px;
	height: 700px;
	float: right;
}
#footer {
	background-color: black;
}
<body>
	<div id="wrapper">
	<div id="heading">Heading</div>
	<div id="navigation">Navigation</div>
	<div id="leftSide">Left Side</div>
	<div id="rightSide">Right Side</div>
	<div id="footer">Footer</div>
	<div style="clear: right;"></div>
	</div>
</body>

Antworten auf die Frage(4)

Ihre Antwort auf die Frage