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

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 中可能有一个元素，它要么设置了边距，要么是内联或内联 block 元素，必须至少有一定的高度。

在没有看到 HTML 代码的情况下，您很难提供具体的修复方法，但您可以尝试在侧边栏 div 内的元素上设置属性 line-height:0;，或者 margin:0; 还有。

line-height:0 的一些组合； margin :0；和字体大小:0；应该设法消除边框底部的多余空间。