html - css - 修复了在内容下方显示 0.4px 空白的父 div - 无法修复吗？

Question

我遇到了这个奇怪的问题，似乎我根本无法解决(到目前为止)。奇怪的是，我之前为导航栏做过几乎完全相同的布局，而且很成功。

在我的导航栏中，我在最右边有一个按钮(不是实际的 <button>，而是一个 <div>，它的作用类似于 jquery)，它具有背景颜色并在单击时展开。问题是在 IE 和 Chrome 的某些分辨率中，此 div 下方显示了一个白色的小条纹。此外，这使得在其下方展开的子 div 在导航栏中的按钮与其自身之间有一个小间隙。这对某些人(或大多数人)来说可能无关紧要，但这让我发疯 - 特别是考虑到我以前做过并且使用了几乎完全相同的 css。

<div> (更准确地说，它是“快速下载”div)设置为 70px 的高度和 70px 的行高，它的 sibling 也是如此(其中一些更少)。然而，父 div 的高度显示为 70.4px，这让我很烦。我尝试了许多“反复试验”的解决方案/尝试，但都没有成功。

编辑: 可以在此处看到问题的图像(我将背景更改为红色以使其更加明显):http://imgur.com/fya0duQ

编辑 2: 快速下载 div 下方的空白区域目前似乎只在我的计算机上的 IE 和 Safari 中显示。

编辑 3: 问题得到解决后，指向网站的链接已删除，因此不再有用。

Answer 1

假设您指的是“快速下载”按钮...

导航栏的高度为75px按钮的高度是70px ，创建一个 5 像素高的间隙。

你的导航栏是75px的原因是因为你左边的图片是60px高大 margin-top: 15px; .如果你想让按钮与导航栏底部齐平，你可以增加按钮的高度，减少 margin-top的 <img id="aktie-skat-logo" ...> ，或降低图像的高度。

有问题的 CSS:

#aktie-skat-logo {
    margin-top: 15px;
    display: block;
}