teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

スクショ追加

2021/05/18 09:12

投稿

qkz
qkz

スコア1

title CHANGED
File without changes
body CHANGED
@@ -4,4 +4,12 @@
4
4
 
5
5
  Chrome等では <div class="scroll"> がスクロール対象(要素?)となるのですが、IE11では <div class="scroll"> の高さが親よりオーバーしてしまい、<div class="body"> の高さが height 100% を超えてしまい、スクロール対象になってしまいます。
6
6
 
7
- 親要素に flex-direction: column を設定した際に、IE11 では flex-basis を正しく設定しないとダメとだと調べてる上で理解はしたのですが、なかなか試行錯誤しても、理解出来なかったので質問させていただきました、よろしくお願いします。
7
+ 親要素に flex-direction: column を設定した際に、IE11 では flex-basis を正しく設定しないとダメとだと調べてる上で理解はしたのですが、なかなか試行錯誤しても、理解出来なかったので質問させていただきました、よろしくお願いします。
8
+
9
+ Chrome の場合
10
+ ![Chrome](1845b2542c56d4a2b1656da38d743ea9.png)
11
+
12
+ IE11 の場合
13
+ ![IE](944206d108c0224a94e4a9e1967e5da1.png)
14
+
15
+ IE11 の挙動確認は [https://dabblet.com/](https://dabblet.com/) にコードを張り付けて確認