html - ボーダーがコンテンツと重なっています

Question

wide border (15px)そのため、aに aを設定し、その中に a to top<div>を持つ要素があり、境界線にわずかに重なるという厄介な問題に遭遇しました。これは、境界線に重なるテキストの代わりにテキストをに設定するまでは正常に機能していました。なぜこれが発生するのか、どのように修正するのかについて、私は途方に暮れています。floated right<div>negative margin<div>overflow-y:scrollborder overlaps

• ライブデモ| それぞれの上部にある h1 要素オン.windowを無効にすると問題ありません。overflow-y:scroll.window

これまでに試したこと

• h1よりも高い z-index を指定してみました.window

Answer 1

でこれを試してくださいh1：

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

Answer 2

h1要素に位置を与える：absoluteが役立つはずです。