基本上我有一个包装器，我已经添加了（相关的）css属性：
height: 100%; float: left; margin: 10px 10px; position: relative;
嵌套div设为
display: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
display: block;在父母悬停时生效，定位嵌套div。
问题在于，当它悬停时，嵌套的div与父级重叠约4-5px。我可以通过在父元素上设置一个设置高度来完全消除这个问题，但如果可能的话，我宁愿保持高度为100％！
的jsfiddle： http://jsfiddle.net/Trblestrife/Y9ztq/1/
编辑如果你知道什么是错的，但不能打扰回答给我一个提示，我会做更多的研究。我在这里问，因为我已经没有关于在哪里看的想法
非常感谢
答案 0 :(得分：3)
问题可能是图像，因为它们是inline元素，可以在底部添加尾随空格。一般来说，修复是给它们的父元素一个没有的行高：
.featured-projectwrap{
line-height:0;
}
但是这意味着任何嵌套的文本都不可见，所以通过重新提升字幕级别的行高来补偿：
.caption{
line-height:1;
}
这是您fiddle的变更......