質問編集履歴

1

コードの修正 / 画像変更

2020/02/12 12:59

投稿

tomtom1
tomtom1

スコア168

test CHANGED
File without changes
test CHANGED
@@ -1,12 +1,12 @@
1
1
  ###実現したいこと
2
2
 
3
- タブでスライドするCSSですが、下記の二箇所を解決したいです。
3
+ タブでスライドするアニメーションのCSSですが、下記の二箇所を解決したいです。
4
4
 
5
5
  ・タブ2要素が回り込みしてしまい、タブ1要素と重なる(下にくる)。
6
6
 
7
- ・CSSで設定していない謎の白スペースができる
7
+ ・CSSで設定していない、タブ1要素の下とタブ2要素の下謎の白スペースができる
8
-
8
+
9
- ![イメージ説明](3ddc1200cefbe6b9fef55e70c280441d.png)
9
+ ![イメージ説明](fb898347b5cd56b44bdfd28b45af743a.png)
10
10
 
11
11
  ###コード
12
12
 
@@ -28,6 +28,8 @@
28
28
 
29
29
  <div class="box-red"></div>
30
30
 
31
+ </div>
32
+
31
33
  <div id="second" class="box">
32
34
 
33
35
  <div class="box-blue"></div>
@@ -36,8 +38,6 @@
36
38
 
37
39
  </div>
38
40
 
39
- </div>
40
-
41
41
  </div>
42
42
 
43
43
  </div>