边框比底部的图像略大？答案

【问题标题】：Border is slightly larger than image on the bottom?边框比底部的图像略大？
【发布时间】：2015-04-16 11:52:18
【问题描述】：

在这里您将能够看到问题。边框的左右两侧以及图像的顶部完美契合，即使我没有截取那部分。底部没有那么紧 - 它比图像略大。

这就是我认为可能存在问题的地方。请告诉我我搞砸了什么。

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;

【问题讨论】：

我建议将图像直接插入问题中，而不是使用超链接引用它。在我看来，它有助于支持更好的格式设置，并有助于让包括我自己在内的希望帮助您的人更快速地查看可用信息。
position:center; 不是有效的 CSS

标签： html css border sidebar

【解决方案1】：

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

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

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

line-height:0 的某种组合；边距：0；和字体大小：0；应该可以消除边框底部的多余空间。

【讨论】：