我有一个webpage，其中我想将头部的高度设置为60px，但不知何故，它的内部元素溢出，因此它没有显示正确。我怀疑徽标的背景是以某种方式将高度设置得比它应该更大。我专门设置background-size: 202px 56px;和height:56px;。背景图像的原始高度为250x69px，应调整为（自动计算）x56px（或固定202x56px也可以）。
如果显示正确，底部应该有一个小的“边框”，当相应的顶部元素悬停时会变成蓝色。
这些样式最初是在SCSS的帮助下CSS编写的，并编译为Compass。我还使用CSS来生成精灵。我只在网页上提供了SCSS个文件。我没有在这里放任何代码，因为它太大（每个文件中有200多行）。如果我必须显示{{1}}个文件，请告诉我们。
我正在编辑的网页可以在以下地址找到：Compass
我最初是在localhost上创建这个网页，所以可能会有一些损坏的链接。如果有任何重要遗漏，请告诉我。
答案 0 :(得分：1)
我对您的网页进行了一些尝试，发现<td>元素的“超高”是由<td>内的锚元素填充造成的。首先将它设置为0，然后应用左右的其他填充，您正在使用：
#head table td a{ padding: 0px; }
此外，您可以直接将高度设置为<div id="head">，并将其设置为隐藏溢出（这也会产生诡计，但让<td>的高度错误。）
#head{ height: 60px; overflow: hidden}
背景尺寸工作正常，没有任何错误。
希望它对你有所帮助。