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

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

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;应该设法消除边框底部的多余空间。

09-13 08:49