html - 边框比底部的图像稍大？

在这里您将能够看到问题。边框的左侧和右侧以及图像的顶部都非常合适，即使我没有截图该部分也是如此。底部不太紧密-比图像稍大。

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

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;

最佳答案

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

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

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

line-height：0的某种组合；保证金：0;和font-size：0;应该设法消除边框底部的多余空间。