Closed7
CSS覚書
CSSの設定で詰まった部分などをまとめておく場所です。
Chat
- 文字の長さにwidthを合わせる
width: fit-content;
- block左寄せ
position: relative;
margin-left: auto;
- スクロールできるフィールドにする
{maxHeight: 200, overflow: 'auto'}
最下部まで常時スクロール
画面を左右に分ける
<Box sx={{ display: 'flex' }}>
<Box component="nav" sx={{ flexShrink: 0, width: 240 }}>
</Box>
<Box component="main" sx={{ flexGrow: 1 }}>
</Box>
</Box>
- 高さを画面いっぱいに合わせる
height: 100vh
- 一番下に固定
bottom: 0
position: fixed
-
position: fixed
で固定した時に幅が自動調節されなくなる
→仕様なのでwidth
を指定して解決する
witdh: 100px
AppBarを指定した時に下の要素がBarに被ってしまう
<Toolbar />
このスクラップは2022/12/12にクローズされました