CSS显示IE的内联块问题

<!-- 使用 display: inline-block; -->
<div style="display:inline-block;">
  <div>Inline Block</div>
</div>

<!-- 使用 display: inline; -->
<div style="display:inline;">
  <div>Inline</div>
</div>

<!-- 使用 vertical-align: top; -->
<div style="display:inline-block; vertical-align:top;">
  <div>Inline Block</div>
</div>

<!-- 使用 vertical-align: bottom; -->
<div style="display:inline-block; vertical-align:bottom;">
  <div>Inline Block</div>
</div>

<!-- 父元素设置 line-height 与内联元素相等 -->
<div style="display:inline-block; line-height:15px;">
  <div style="display:inline;">Inline</div>
</div>

<!-- 父元素设置内联元素的高度和宽度 -->
<div style="display:inline-block; width:100px; height:100px;">
  <div style="display:inline;">Inline</div>
</div>