边框是重叠的内容

Question

所以我遇到了一个恼人的问题，我在wide border (15px)上设置<div>，floated right内部有一个<div>元素使用negative margin到顶部，使其略微重叠边框。这工作正常，直到我将<div>设置为overflow-y:scroll，现在而不是文本重叠边框border overlaps的文本。我不知道为什么会发生这种情况以及如何解决它。

• live demo |每个.window顶部的h1元素与边框重叠，但如果您在overflow-y:scroll上停用了.window，则表示没问题。

到目前为止我尝试了什么

• 我尝试为h1提供比.window
更高的z-index

Answer 1

在h1：

上试试这个

h1 {
font-size: 500%;
margin-top: -38px;
padding-top: 0px;
position: absolute;
width: inherit;
text-align: right;
}

Answer 2

给你的h1元素一个位置：绝对应该有帮助。