### 1、頁面右側空白，的  上圖可以看到，當頁面不處于最大化時，可能出現：**右側部分空白**！ 為什么會出現？ 查看其它沒有出現該情況的結構部分，發現設置了：`width`，就不會有這種情況！ 解決辦法：將出現空白的部分設置：`min-width`；就可以解決！ （回頭想想其實很少有人會把瀏覽器不最大化了，沒人喜歡滾動條瀏覽器網頁，看了很多的大網站都會出現這種情況！所以這個問題其實也不是問題！，也可以不管它！知道就好） ### 2、inline-block與空白符bug inline-block 的元素既具有 block 元素可以設置寬高的特性，同時又具有 inline 元素默認不換行的特性。當然不僅僅是這些特性，比如 inline-block 元素也可以設置 vertical-align 屬性。 HTML 中的換行符、空格符、制表符等合并為空白符，字體大小不為 0 的情況下，空白符自然占據一定的寬度，使用inline-block 會產生了元素間的空隙。 (Xee:現在基本上都統一使用 `font-size:0`，其他方法很不好是因為，網頁字體不同，間隙也不同，還好，現在IE、chrome和safari，firefox都好了！ *一絲：* 結合 OOCSS 的思想，可以抽離出兩個復用的類，在需要設置 `inline-block` 元素的父級元素上定義一個「`.dib-wrap`」，該元素自身定義為「`.dib`」。這里還有一個問題需要注意的是：由于 `inline-block` 具有 `inline` 元素的特性，在垂直方向上很多時候我們并不希望元素以「`vertical-align:baseline`」方式來呈現，所以在「`.dib-wrap`」中統一重置為「`vertical-align:top`」即可。 ) >[inline-block 前世今生](http://ued.taobao.org/blog/2012/08/inline-block/) [去除inline-block元素間間距的N種方法](http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/)