Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<div style="display: flex; height: 100vh; flex-direction: column;">
<div style="flex: none;">
ここは高さを指定
</div>
<div style="flex: 1 1 auto; overflow: auto;">
<!-- 入れ子のサンプル -->
<div style="display: flex; height: 100%; flex-direction: column;">
<div style="flex: none;">
ここは高さを指定
</div>
<div style="flex: 1 1 auto; overflow: auto;">
ここは残りの領域を埋めてくれる
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment