前提HTML
<style>
.box {
background: red;
margin: 20px;
}
</style>
<div class="box">One</div>
<div class="box">Two</div>
<div class="box" id="three">Three</div>
<div class="box">Four</div>
下記追記すると、「Four」が「three」の上へ移動して、「three」の位置がズレるのですが、なぜですか?
・「three」位置はどういうロジック??
#three {
position: absolute;
}