左浮动被覆盖实例

​x
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runcodex.com)</title> 
<style>
.thumbnail 
{
    background:#ffddaa;
    float:left;
    width:110px;
    height:90px;
}
.thumbnail2
{
    background:#aaddff;
    width:115px;
    height:95px;
   margin:5px
}
</style>
</head>
​
<body>
<p>当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中，所以它不占据空间，实际上覆盖住了框 2，使框 2 被覆盖。</p>
<div class="thumbnail"></div>
<div class="thumbnail2"></div>
<div class="thumbnail2"></div>
</body>
</html>
HTML