Quando eu flutuo o div para a direita, a tela erra ... Tentei limpar e outras opções
Estou tendo um problema em geral quando se trata de carros alegóricos. Eu estarei bem com o layout, mas assim que começar a flutuar, a página inteira fará coisas estranhas. Acho que preciso entender melhor o conceito do que se passa. Aqui está o meu código para html e 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>