邊界重疊內容

所以我碰到的地方我給自己定一個<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

邊界重疊內容

回答

相關問題