タイトル通りのことをしたいのですが現状のコードとして ```html

``` ```css html,body{ margin: 0; padding: 0; border: 0; background-color: grey; } .flex{ display:flex; position:absolute; width:100%; height:100%; border:2px solid red; } iframe{ width:100%; height:100%; border:none; } .felx-item1{ flex-basis:10%; } .flex-item2{ flex-basis:90%; } ``` これだと、図が画面の下の部分になるのですが、flexの高さよりbodyの高さの方大きい ![イメージ説明](e6044a02cd1ae19c888577426b38dfcc.png) また、iframeを削除して、.flexだけ残す場合でもうまくいかない ```html

``` ```css html,body{ margin: 0; padding: 0; border: 0; background-color: grey; } .flex{ display:flex; position:absolute; width:100%; height:100%; border:2px solid red; } ``` これだと、画面いっぱいより大きくなっている、そのしょうことしてスクロールバーが縦横に出てるのですなので、flexをbodyと同じ高さにするためにはどうすればいいのでしょうか

	@@ -1 +1 @@
1	- i~~frameで~~画面いっぱいにしたい
1	+ divを画面いっぱいにしたい

質問編集履歴