边界重叠内容

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

live demo |每个.window顶部的h1元素正在与边框重叠，但是如果您在.window上禁用overflow-y:scroll，那么它很好。

什么我试过到目前为止

我试图给h1较高的Z-指数比.window

来源

2012-07-31 Michael Zaporozhets

在h1试试这个：

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

来源

2012-07-31 05:52:48

这*是*关闭，但我失去了'浮动：右'，由于字体/窗口不固定大小我不能'边缘左'它是正确的方式回来。在js中计算这个似乎很愚蠢，但似乎它可能是我必须采取的道路。为什么边界z-index在修改溢出状态时会发生变化o.O很奇怪。 – 2012-07-31 05:58:34

你为什么需要'float：right'？尝试使用'text-align：right'更新我的答案 – 2012-07-31 06:05:49

-1

给你的H1元素的位置是：绝对应该帮助。

来源

2012-07-31 05:44:51

刚才那将会使事情变得复杂 – 2012-07-31 05:48:24

这样做打破了布局，我不能想象有必要对于这一点，应该有在我做的一个解决方案没有必要重新调整我的dom，因为我已经添加了滚动属性。 – 2012-07-31 05:49:58

添加绝对是什么会使这个工作，否则我会建议只是添加边框作为背景图像在任何全宽元素环绕你H1。注意：你在Moin工作的解决方案（这很好）依赖于绝对定位。 – 2012-07-31 06:08:06

边界重叠内容

回答

相关问题