图像滑块有不必要的间隙

Question

我有这个图像滑动条，在滑动条的正下方有一个不需要的间隙，高几个像素。我想给它添加一个框影，但是你可以看到，因为有间隙，它看起来很糟糕，我用红色边框高亮了滑块，这样你就能看到间隙了，这是什么原因呢?这个问题能解决吗?

#slider {
    width:40%;
    float:left;
    border: 2px solid red;
    box-shadow: 0px 0px 4px 4px #000;
}

jsfiddle: http://jsfiddle.net/SWVys/4/

Answer 1

图片是默认的inline元素。它们周围添加了空白，以便在它们和其他元素之间提供缓冲。

把这个添加到你的CSS中:

#slider img {
    display: block;
}

演示