質問編集履歴

4

追加

2018/03/16 15:44

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -546,6 +546,8 @@
546
546
 
547
547
  ```
548
548
 
549
+ ![イメージ説明](b9074ac9cecc6e31822c1eaafdeeb79c.png)
550
+
549
551
  ここのmax-widthをmax-width:1280pxと画像の横幅サイズをしていすると以下のように
550
552
 
551
553
  次の画像がかぶさって表示されます。

3

変更

2018/03/16 15:44

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -549,5 +549,3 @@
549
549
  ここのmax-widthをmax-width:1280pxと画像の横幅サイズをしていすると以下のように
550
550
 
551
551
  次の画像がかぶさって表示されます。
552
-
553
- ![イメージ説明](dfb708412189a7caf3bf43ef38169603.png)

2

追加

2018/03/16 15:43

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -521,3 +521,33 @@
521
521
  }
522
522
 
523
523
  ```
524
+
525
+ ```ここに言語を入力
526
+
527
+ .slide img {
528
+
529
+ display: block;
530
+
531
+ position : absolute;
532
+
533
+ max-width:100%;
534
+
535
+ left:100%;
536
+
537
+ animation : slideAnime 15s ease infinite;
538
+
539
+ margin-left: 50%;
540
+
541
+ transform: translateX(-50%);
542
+
543
+ }
544
+
545
+
546
+
547
+ ```
548
+
549
+ ここのmax-widthをmax-width:1280pxと画像の横幅サイズをしていすると以下のように
550
+
551
+ 次の画像がかぶさって表示されます。
552
+
553
+ ![イメージ説明](dfb708412189a7caf3bf43ef38169603.png)

1

修正

2018/03/16 15:42

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -446,50 +446,6 @@
446
446
 
447
447
 
448
448
 
449
- #missile_sale {
450
-
451
- margin-top:20px;
452
-
453
- display: flex;
454
-
455
- justify-content: center; /*左右中央揃え*/
456
-
457
- }
458
-
459
-
460
-
461
- #missile_sale p {
462
-
463
- float:left;
464
-
465
- }
466
-
467
-
468
-
469
- #missile_sale img {
470
-
471
- width:100%;
472
-
473
- }
474
-
475
-
476
-
477
- #missile_sale .missile_p1 {
478
-
479
- margin-right:10px;
480
-
481
- }
482
-
483
-
484
-
485
- #missile_sale .missile_p2 {
486
-
487
- margin-left:10px;
488
-
489
- }
490
-
491
-
492
-
493
449
  /*=== スライドのアニメーションを段差で開始する ========= */
494
450
 
495
451
  .slide img:nth-of-type(1) {