日々の記録 2025-02-24

menu の処理修正

menu を開くと画面が下にスクロールする

画面の上に重なる形にしたい。

position: relative; 指定したら OK ? かと思ったけど、そうでもないっぽい ?

style sheet の理解が全然足りない・・・

online で style sheet の挙動を確認したい

html css liveview 系のツールで動作を確認

https://liveweave.com/#

間に 1 つはさむ必要がある

メニューが上に重なるような感じにするには

<div>
    File
    <div>New</div>
    <div>Open</div>
    <div>Save</div> 
</div>
Contents

ではなく

<div>
    File
    <div style="height:0;">
        <div>New</div>
        <div>Open</div>
        <div>Save</div> 
    </div>
</div>
Contents

のように間に height: 0; の element をはさんであげれば ok。

ただ、Contents と New が重なって表示されてしまう。
Contents の上に New が表示されて Contents の表示が消えて欲しい。