回答編集履歴
1
補足を追記しました。
answer
CHANGED
|
@@ -3,4 +3,11 @@
|
|
|
3
3
|
.wrapper {
|
|
4
4
|
width: 100vw;
|
|
5
5
|
}
|
|
6
|
-
```
|
|
6
|
+
```
|
|
7
|
+
|
|
8
|
+
▼補足です
|
|
9
|
+
サイドバーが300px、
|
|
10
|
+
チャット画面のサイズが100vw-300px（全画面から-300px）という風に定義されているので、
|
|
11
|
+
いけそうに見えるんですが、なんらかの影響で崩れるっぽいですね（ここらへんはよくわかってないです。）
|
|
12
|
+
|
|
13
|
+
なので、サイドバーとチャット画面をくくっている.wrapperが100vwですという明示的に書くことによって崩れを抑止できるようにしました。
|