これが私のjsFiddleです
3div
秒しかありません。2nddiv
は右に浮かび、3rddiv
は2ndの真下に出現。
3 番目div
では、プロパティを設定margin-top
していますが、このプロパティはレイアウトには影響しません。
質問: float のこの動作を理解する方法を説明してもらえますか?
HTML
<div class="header">
</div>
<div class="sidebar">
</div>
<div class="footer">
</div>
CSS
.header {
width: 100%;
height: 80px;
background-color: #abcdef;
}
.sidebar {
margin-top: 15px;
float: right;
width: 200px;
height: 200px;
background-color: #abcdef;
display: block;
}
.footer {
clear: both;
margin-top: 20px;
width: 100%;
height: 60px;
background-color: #000000;
}