inline-block布局vs浮动布局

• 不同之处：
  对元素设置display：inline-block,元素不会脱离文本流；
  而float会使元素脱离文本流，且还有父元素高度坍塌的效果。
• 相同之处：
  在某种程度上达到一样效果。
• 浮动的局限性：
  若要元素排满一行，换行后还要整齐排列，就要子元素的高度一致才行，而inline-block就不会。
• inline-block存在的小问题
  使用它存在间隙问题，这是因为元素前后带有换行符引起的。
  取出空隙的方法：
  对付元素添加，{font-size:0;}，这种方法可兼容各种浏览器。
  浏览器兼容性：
  ie6/7不兼容inline-block,所以:
  对于行内元素使用{display:inline-block;}
  对于块级元素：需添加{display:inline;zoom:1;}
• 总结：
  对于横向排列东西，用inline-block更清晰；
  需要文字环绕的时候，用浮动布局