边框比底部的图像略大？

Question

在这里您可以看到问题。边框的左侧和右侧完美贴合，以及图像的顶部，即使我没有截图该部分。底部不合适 - 它比图像略大。

我认为这可能是问题所在。请告诉我我搞砸了什么。

sidebar { 
    display: block; 
    position:fixed; 
    width:120px; 
    background:{sidebar color}; 
    border: 15px #fff solid; 
    padding:0px; 
    overflow:hidden;
    left:250px; 
    top:140px;
}

或者这个，这是侧边栏div中的图像：

width:120px;
height:120px;
padding: 0px;
position:center;

Answer 1

容器底部的额外空间（如您所描述的那样）通常是由容器内部的内联元素的行高（字体大小）或容器元素内部的垂直边距引起的。

换句话说，你的侧边栏div中可能有一个元素，它有一个边距设置或者是一个内联或内联块元素，必须至少有一定的高度。

如果没有看到HTML代码，则很难提供特定修复，但您可以尝试在侧边栏div内部的元素上设置属性 line-height：0; ，或者 margin：0; 。

行高的某种组合：0;余量：0;和font-size：0;应该做的就是消除边框底部的额外空间。