0

我一直试图弄清楚为什么在这个网站（http://areyouafuckingidiot.com/）中间的非常大的“否”似乎与其他 div 重叠。当您检查“否！”时，您可以看到这一点。文本，并将“border-bottom:solid 1px darkblue”添加到 .statement-text，您可以看到它如何与下一个元素重叠。（暂时搁置我使用锚标签的原因，稍后再说）。

但是，当我尝试用一​​个简单的小提琴进行复制时，我做不到。这是小提琴： http: //jsfiddle.net/aronchick/uXH9C/5/以及对我正在做的事情的简单简化。

<div id="firstDiv" class="normalSized"><a href="#" class="normalLink">Great text in here</a></div>
<div id="secondDiv" class="veryLarge"><a href="#" class="LargeLink">VERY LARGE</a></div>
<div id="thirdDiv" class="normalSized"><a href="#" class="normalLink">Back to Normal</a></div>

中间 div 间距适当且不重叠。有什么想法吗？

4

1 回答 1

1

您的小提琴与页面的样式不同。这是一个具有相同样式的更新小提琴，显然我们发现了同样的问题，问题是 line-height 不是相对于元素的高度计算的，而是相对于它的 font-size。我发现防止元素重叠的解决方案是将其设置为显示为inline-block. 在你的情况下：

.statement-text{
    display: inline-block;
}
于 2013-07-14T06:31:04.700 回答