以 div A 和 B為例，寬高為100px。
1、使div浮動起來，效果圖如下
2、給 div 添加CSS屬性 display：inline；
但是這樣會造成 div 的寬高無效，寬高是被 div 內的內容撐開的，效果如下圖：
使用 display：inline-block； 效果如下圖：
但是這樣會產生一個新的問題，A 和 B 中間有一個縫隙
這個問題產生的原因是換行引起的，因為我們寫標簽時通常會在標簽結束符后順手打個回車，而回車會產生回車符，回車符相當於空白符，通常情況下，多個連續的空白符會合 並成一個空白符，而產生“空白間隙”的真正原因就是這個讓我們並不怎么注意的空白符。
解決方案：
對父元素添加，{font-size:0}，即將字體大小設為0，那么那個空白符也變成0px，從而消除空隙 （div內的字同時消失）
效果圖如下：
