SOURCE

<div class="box1">内联内联内联内联内联内联内联内联内联内联内联内联</div>
<div class="box2">块级块级块级块级块级块级块级块级块级块级块级块级</div>
<div class="box3">浮动浮动浮动浮动浮动浮动浮动浮动浮动浮动浮动浮动</div>

.box1{
  display:inline-block;
  width:200px;
  height:200px;
  border: 1px solid #00ff00;
  background: #ff0000;
}

.box2{
  display:block;
  width:200px;
  height:200px;
  margin-top:-100px;
  border: 1px solid #000000;
  background: #ffff00;
}

.box3{
  float:left;
  width:200px;
  height:200px;
  margin-top:-50px;
  border: 1px solid #0000ff;
  background: #ff00ff;
}