在这里您将能够看到问题。边框的左侧和右侧以及图像的顶部都非常合适,即使我没有截图该部分也是如此。底部不太紧密-比图像稍大。
我认为这可能是问题所在。请告诉我我搞砸了。
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;应该设法消除边框底部的多余空间。