html - 边框是重叠的内容

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;
}