0

我有一个网页，我想将头部高度设置为 60px，但不知何故它的内部元素溢出，因此它显示不正确。我怀疑徽标的背景以某种方式将高度设置为大于应有的高度。我专门设置background-size: 202px 56px;and height:56px;。背景图像的原始高度为 250x69px，应将其调整为（自动计算）x56px（或固定为 202x56px 也可以）。

如果这将正确显示，则底部应该有一个小的“边框”，当其对应的顶部元素悬停时变为蓝色。

样式最初是在SCSS的帮助下Compass编写并编译为CSS. 我也用来Compass生成精灵。我只CSS在网页上提供了文件。我没有在这里放任何代码，因为它太大（每个文件中有 200 多行）。如果我必须显示SCSS文件，请告诉我。

我正在编辑的网页可以在这个地址找到：http ://stogrebro.com/page-test/

我最初是在 localhost 上创建这个网页，所以可能有一些断开的链接。如果有什么重要的遗漏，请告诉我。

4

1 回答 1

1

我对您的页面进行了一些尝试，发现您的<td>元素的“超高”是由于内部锚元素的填充造成的<td>。您必须首先将其设置为 0，然后为您正在使用的左右应用其他填充：

#head table td a{ padding: 0px; }

此外，您可以直接将高度<div id="head">设置为 并使用隐藏溢出进行设置（这也是技巧，但<td>高度错误）。

#head{ height: 60px; overflow: hidden}

background-size 工作正常，不会出错。

希望它可以帮助你。

于 2013-08-26T08:23:23.333 回答