两个街区之间的空间

Question

我遇到了一个问题，在下面的代码示例中，红色和黑色块之间显示了一个空格。

直播：http://jsfiddle.net/WF5Ua/

我试图改变位置，保证金等，但我无法解决问题。

.slider {
    height:594px;
    width:100%;
    background-color:#eb5055;
    border-bottom:6px solid #ea676b;
    clear:both;
}

Answer 1

删除标题中的display:inline-block;

http://jsfiddle.net/WF5Ua/1/

Answer 2

该空格是display:inline-block的原因。对于inline:block，4px默认会有margin个缺口  那么。你可以通过很多方式消除这种差距，但我最好的方法之一是使用-4px并给予  作为值font-size:0px或float:left。
而不是所有这些内容都可以使用{{1}}。