### 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/)