質問編集履歴

6

2020/04/24 02:50

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -760,4 +760,4 @@
760
760
 
761
761
 
762
762
 
763
- ネットで調べた方法を試したのですが、右側の余白が消えません。本来なら上部の水色の線は画面の左から右まであります。
763
+ ネットで調べた方法を試したのですが、右側の余白が消えません。本来なら上部の水色の線は画面の左から右まであります。教えていただけると幸いです。

5

変更

2020/04/24 02:50

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -248,27 +248,35 @@
248
248
 
249
249
  </html>
250
250
 
251
+
252
+
253
+ ```ここに言語を入力
254
+
251
255
  コード
252
256
 
253
- ```ここに言語を入力
257
+ ```* {
254
-
255
- {
258
+
256
-
257
- box-sizing: border-box;
259
+ box-sizing: border-box;
260
+
261
+
258
262
 
259
263
  }
260
264
 
261
265
  body{
262
266
 
263
- background-color: #f6f6f6;
267
+ background-color: #f6f6f6;
264
268
 
265
269
  }
266
270
 
267
271
  header{
268
272
 
269
- border-top: solid 8px #6CC6C4;
273
+ border-top: solid 8px #6CC6C4;
270
-
274
+
271
- padding: 20px 170px;
275
+ padding: 20px 170px;
276
+
277
+
278
+
279
+
272
280
 
273
281
 
274
282
 
@@ -276,13 +284,13 @@
276
284
 
277
285
  .first{
278
286
 
279
- border-radius: 6px 0px 0px 6px;
287
+ border-radius: 6px 0px 0px 6px;
280
288
 
281
289
  }
282
290
 
283
291
  .last{
284
292
 
285
- border-radius: 0 6px 6px 0;
293
+ border-radius: 0 6px 6px 0;
286
294
 
287
295
  }
288
296
 
@@ -290,7 +298,7 @@
290
298
 
291
299
  img{
292
300
 
293
- max-width: 100%;
301
+ max-width: 100%;
294
302
 
295
303
  }
296
304
 
@@ -298,37 +306,39 @@
298
306
 
299
307
  .header-container ul{
300
308
 
301
- display: flex;
309
+ display: flex;
302
-
310
+
303
- list-style: none;
311
+ list-style: none;
304
-
305
-
312
+
313
+
306
314
 
307
315
  }
308
316
 
309
317
  header ul li a{
310
318
 
311
- text-shadow: 1px 1px 2px #6CC6C4;
319
+ text-shadow: 1px 1px 2px #6CC6C4;
312
-
320
+
313
- padding: 17px 0 18px;
321
+ padding: 17px 0 18px;
314
-
322
+
315
- display: block;
323
+ display: block;
316
-
324
+
317
- width: 180px;
325
+ width: 180px;
318
-
326
+
319
- text-align: center;
327
+ text-align: center;
320
-
328
+
321
- border-left: solid 1px #99e1df;
329
+ border-left: solid 1px #99e1df;
322
-
330
+
323
- border-right: solid 1px #71c9c7;
331
+ border-right: solid 1px #71c9c7;
324
-
332
+
325
- text-decoration: none;
333
+ text-decoration: none;
326
-
334
+
327
- font-size: 13px;
335
+ font-size: 13px;
328
-
336
+
329
- background-image: linear-gradient(rgb(156,227,225) 0%,rgb(108,198,196) 100%);
337
+ background-image: linear-gradient(rgb(156,227,225) 0%,rgb(108,198,196) 100%);
330
-
331
-
338
+
339
+
340
+
341
+
332
342
 
333
343
  }
334
344
 
@@ -344,276 +354,294 @@
344
354
 
345
355
  .time{
346
356
 
347
- float: right;
357
+ float: right;
348
358
 
349
359
  }
350
360
 
351
361
  .header-container{
352
362
 
353
- position: relative;
363
+ position: relative;
354
364
 
355
365
  }
356
366
 
357
367
  .header-container li{
358
368
 
359
-
360
-
369
+
370
+
361
- color: white;
371
+ color: white;
362
-
363
-
364
-
372
+
373
+
374
+
375
+
376
+
377
+
378
+
379
+
380
+
365
- margin-top: 50px;
381
+ margin-top: 50px;
366
382
 
367
383
  }
368
384
 
369
385
  .title-ja{
370
386
 
371
- display: block;
387
+ display: block;
372
-
388
+
373
- color: white;
389
+ color: white;
374
-
390
+
375
- height: 20px;
391
+ height: 20px;
376
-
392
+
377
- line-height: 20px;
393
+ line-height: 20px;
378
-
394
+
379
- text-align: center;
395
+ text-align: center;
380
-
396
+
381
- font-weight: bold;
397
+ font-weight: bold;
382
-
398
+
383
- font-size: 108%;
399
+ font-size: 108%;
384
400
 
385
401
  }
386
402
 
387
403
  .title-en{
388
404
 
389
- color: white;
405
+ color: white;
390
-
406
+
391
- height: 15px;
407
+ height: 15px;
392
-
408
+
393
- line-height: 15px;
409
+ line-height: 15px;
394
-
410
+
395
- text-align: center;
411
+ text-align: center;
396
-
412
+
397
- font-weight: bold;
413
+ font-weight: bold;
398
-
414
+
399
- font-size: 77%;
415
+ font-size: 77%;
400
-
416
+
401
- }
417
+ }
418
+
419
+
420
+
421
+
422
+
423
+
402
424
 
403
425
 
404
426
 
405
427
  a{
406
428
 
407
- text-decoration: none;
429
+ text-decoration: none;
408
430
 
409
431
  }
410
432
 
411
433
  .header-container p{
412
434
 
413
- font-size: 10px;
435
+ font-size: 10px;
414
-
436
+
415
- line-height: 18px;
437
+ line-height: 18px;
438
+
439
+ color: #515151;
440
+
441
+ }
442
+
443
+ .header-tel{
444
+
445
+ font-size: 26px;
446
+
447
+ line-height: 46px;
448
+
449
+ }
450
+
451
+ .sunday{
452
+
453
+ color: #b22c00;
454
+
455
+ }
456
+
457
+ .time{
458
+
459
+ border: solid 1px #d6d6d6;
460
+
461
+ width: 220px;
462
+
463
+ text-align: center;
464
+
465
+ position: absolute;
466
+
467
+ right: 0px;
468
+
469
+
470
+
471
+
472
+
473
+ }
474
+
475
+ .contents-wrapper{
476
+
477
+ padding: 20px 170px;
478
+
479
+ display: flex;
480
+
481
+ justify-content: space-between;
482
+
483
+ align-items: flex-start;
484
+
485
+ }
486
+
487
+ .contents{
488
+
489
+ width: 260px;
490
+
491
+ border: solid 1px #6CC6C4;
492
+
493
+ border-radius: 5px;
494
+
495
+ }
496
+
497
+
498
+
499
+ .menu-1-li a,.menu-2-li a{
500
+
501
+ font-size: 14px;
502
+
503
+ line-height: 25px;
504
+
505
+ color: #595959;
506
+
507
+ font-weight: bold;
508
+
509
+ text-decoration: none;
510
+
511
+ display: block;
512
+
513
+ padding: 8px;
514
+
515
+ }
516
+
517
+ .contents ul{
518
+
519
+ padding-left: 30px;
520
+
521
+
522
+
523
+ }
524
+
525
+ .contents li{
526
+
527
+ border-bottom: solid 1px #6CC6C4 ;
528
+
529
+ list-style: none;
530
+
531
+ padding-left:25px ;
532
+
533
+ background: url(bgListIcon01.png) no-repeat 5px center;
534
+
535
+ line-height: ;
536
+
537
+ }
538
+
539
+ .menu-2{
540
+
541
+ display: block;
542
+
543
+ margin-top: 1px;
544
+
545
+
546
+
547
+ }
548
+
549
+ .
550
+
551
+ border-b;
552
+
553
+ margin-bottom: 30px;
554
+
555
+
556
+
557
+
558
+
559
+ .contents .menu-1-li a:hover{
560
+
561
+ color:#aec24C;
562
+
563
+ }
564
+
565
+ .contents .menu-2-li a:hover{
566
+
567
+ color: #6cc6c4;
568
+
569
+ }
570
+
571
+ .menu-2-li ,.menu-1-li{
572
+
573
+ margin-bottom: 20px;
574
+
575
+ padding-right: 10px;
576
+
577
+ }
578
+
579
+ .header span{
580
+
581
+ text-decoration: none;
582
+
583
+ }
584
+
585
+ .footer-address{
586
+
587
+ font-size: 13px;
588
+
589
+ line-height: 23px;
416
590
 
417
591
  color: #515151;
418
592
 
593
+ text-align: right;
594
+
419
- }
595
+ }
420
-
596
+
421
- .header-tel{
597
+ .copyright{
422
-
598
+
423
- font-size: 26px;
599
+ font-size: 12px;
424
-
600
+
425
- line-height: 46px;
601
+ line-height: 22px;
602
+
426
-
603
+ color: #515151;
604
+
605
+ text-align: center;
606
+
607
+ border-top:solid 2px #6CC6C4;
608
+
427
- }
609
+ }
428
-
610
+
429
- .sunday{
611
+ .menu-1,.menu-2{
430
-
612
+
431
- color: #b22c00;
613
+ color:white;
614
+
432
-
615
+ background-color: #6cc6c4;
616
+
617
+ padding: 10px;
618
+
619
+ background-image: linear-gradient(rgb(156,227,225) 0%,rgb(108,198,196) 100%);
620
+
621
+
622
+
623
+
624
+
433
- }
625
+ }
434
-
626
+
435
- .time{
627
+ footer{
436
-
437
- border: solid 1px #d6d6d6;
628
+
438
-
439
- width: 220px;
629
+ padding: 20px 170px;
440
-
441
- text-align: center;
630
+
442
-
443
- position: absolute;
444
-
445
- right: 0px;
631
+ margin-top: 140px;
446
-
447
-
448
-
632
+
633
+
634
+
449
- }
635
+ }
450
-
636
+
451
- .contents-wrapper{
637
+ .footer-list{
638
+
452
-
639
+ background-color: #6CC6C4;
640
+
453
- padding: 20px 170px;
641
+ padding: 5px 0;
454
-
455
- display: flex;
456
-
457
- justify-content: space-between;
458
-
459
- align-items: flex-start;
460
-
461
- }
462
-
463
- .contents{
464
-
465
- width: 260px;
466
-
467
- border: solid 1px #6CC6C4;
468
642
 
469
643
  border-radius: 5px;
470
644
 
471
- }
472
-
473
-
474
-
475
- .menu-1-li a,.menu-2-li a{
476
-
477
- font-size: 14px;
478
-
479
- line-height: 25px;
480
-
481
- color: #595959;
482
-
483
- font-weight: bold;
484
-
485
- text-decoration: none;
486
-
487
- display: block;
488
-
489
- padding: 8px;
490
-
491
- }
492
-
493
- .contents ul{
494
-
495
- padding-left: 30px;
496
-
497
-
498
-
499
- }
500
-
501
- .contents li{
502
-
503
- border-bottom: solid 1px #6CC6C4 ;
504
-
505
- list-style: none;
506
-
507
- padding-left:25px ;
508
-
509
- background: url(bgListIcon01.png) no-repeat 5px center;
510
-
511
- line-height: ;
512
-
513
- }
514
-
515
- .menu-2{
516
-
517
- display: block;
518
-
519
- margin-top: 1px;
520
-
521
-
522
-
523
- }
524
-
525
- .
526
-
527
- border-b;
528
-
529
- margin-bottom: 30px;
530
-
531
-
532
-
533
- .contents .menu-1-li a:hover{
534
-
535
- color:#aec24C;
536
-
537
- }
538
-
539
- .contents .menu-2-li a:hover{
540
-
541
- color: #6cc6c4;
542
-
543
- }
544
-
545
- .menu-2-li ,.menu-1-li{
546
-
547
- margin-bottom: 20px;
548
-
549
- padding-right: 10px;
550
-
551
- }
552
-
553
- .header span{
554
-
555
- text-decoration: none;
556
-
557
- }
558
-
559
- .footer-address{
560
-
561
- font-size: 13px;
562
-
563
- line-height: 23px;
564
-
565
- color: #515151;
566
-
567
- text-align: right;
568
-
569
- }
570
-
571
- .copyright{
572
-
573
- font-size: 12px;
574
-
575
- line-height: 22px;
576
-
577
- color: #515151;
578
-
579
- text-align: center;
580
-
581
- border-top:solid 2px #6CC6C4;
582
-
583
- }
584
-
585
- .menu-1,.menu-2{
586
-
587
- color:white;
588
-
589
- background-color: #6cc6c4;
590
-
591
- padding: 10px;
592
-
593
- background-image: linear-gradient(rgb(156,227,225) 0%,rgb(108,198,196) 100%);
594
-
595
-
596
-
597
- }
598
-
599
- footer{
600
-
601
- padding: 20px 170px;
602
-
603
- margin-top: 140px;
604
-
605
-
606
-
607
- }
608
-
609
- .footer-list{
610
-
611
- background-color: #6CC6C4;
612
-
613
- padding: 5px 0;
614
-
615
- border-radius: 5px;
616
-
617
645
 
618
646
 
619
647
  }
@@ -622,73 +650,73 @@
622
650
 
623
651
  padding-left: 20px;
624
652
 
625
- display: flex;
653
+ display: flex;
626
654
 
627
655
  }
628
656
 
629
657
  .footer-list li{
630
658
 
631
- color: white;
659
+ color: white;
632
-
660
+
633
- padding-right: 40px;
661
+ padding-right: 40px;
634
-
662
+
635
- list-style: none;
663
+ list-style: none;
636
-
664
+
637
- background: url(bgFooterIcon.png)
665
+ background: url(bgFooterIcon.png)
638
-
666
+
639
- 1px no-repeat;
667
+ 1px no-repeat;
640
-
668
+
641
- padding-left: 20px;
669
+ padding-left: 20px;
642
670
 
643
671
  }
644
672
 
645
673
  .footer-list a{
646
674
 
647
- color: white;
675
+ color: white;
648
676
 
649
677
  }
650
678
 
651
679
  .main dl dd{
652
680
 
653
- border-bottom: 1px #CCCCCC dotted;
681
+ border-bottom: 1px #CCCCCC dotted;
654
-
682
+
655
- padding: 10px 10px 10px 11em;
683
+ padding: 10px 10px 10px 11em;
656
-
684
+
657
- font-size: 13px;
685
+ font-size: 13px;
658
-
686
+
659
- line-height: 20px;
687
+ line-height: 20px;
660
-
688
+
661
- color: #515151;
689
+ color: #515151;
662
690
 
663
691
  }
664
692
 
665
693
  .main dl dt{
666
694
 
667
- align-items: center;
695
+ align-items: center;
668
-
696
+
669
- padding: 15px 0;
697
+ padding: 15px 0;
670
-
698
+
671
- float: left;
699
+ float: left;
672
-
700
+
673
- width: 130px;
701
+ width: 130px;
674
-
702
+
675
- font-size: 13px;
703
+ font-size: 13px;
676
-
704
+
677
- color: #515151;
705
+ color: #515151;
678
-
706
+
679
- line-height: 23px;
707
+ line-height: 23px;
680
-
708
+
681
- font-weight: 700;
709
+ font-weight: 700;
682
-
683
-
710
+
711
+
684
712
 
685
713
  }
686
714
 
687
715
  .inner{
688
716
 
689
- background-color: #ffffff;
717
+ background-color: #ffffff;
690
-
718
+
691
- padding: 30px;
719
+ padding: 30px;
692
720
 
693
721
  }
694
722
 
@@ -696,17 +724,17 @@
696
724
 
697
725
  .main{
698
726
 
699
- width: 640px;
727
+ width: 640px;
700
-
728
+
701
- padding: ;
729
+ padding: ;
702
-
703
-
730
+
731
+
704
732
 
705
733
  }
706
734
 
707
735
  .main .inner dl{
708
736
 
709
- padding-top: 10px;
737
+ padding-top: 10px;
710
738
 
711
739
 
712
740
 
@@ -714,17 +742,13 @@
714
742
 
715
743
  .new-info{
716
744
 
717
- border-bottom: #6CC6C4 solid 3px;
745
+ border-bottom: #6CC6C4 solid 3px;
718
-
746
+
719
- padding-bottom: 10px;
747
+ padding-bottom: 10px;
720
-
748
+
721
- }
749
+ }
722
-
723
- コード
750
+
724
-
725
- ```
751
+
726
-
727
- ```
728
752
 
729
753
 
730
754
 

4

変更

2020/04/23 13:34

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -250,512 +250,482 @@
250
250
 
251
251
  コード
252
252
 
253
-
253
+ ```ここに言語を入力
254
+
255
+ {
256
+
257
+ box-sizing: border-box;
258
+
259
+ }
260
+
261
+ body{
262
+
263
+ background-color: #f6f6f6;
264
+
265
+ }
266
+
267
+ header{
268
+
269
+ border-top: solid 8px #6CC6C4;
270
+
271
+ padding: 20px 170px;
272
+
273
+
274
+
275
+ }
276
+
277
+ .first{
278
+
279
+ border-radius: 6px 0px 0px 6px;
280
+
281
+ }
282
+
283
+ .last{
284
+
285
+ border-radius: 0 6px 6px 0;
286
+
287
+ }
288
+
289
+
290
+
291
+ img{
292
+
293
+ max-width: 100%;
294
+
295
+ }
296
+
297
+
298
+
299
+ .header-container ul{
300
+
301
+ display: flex;
302
+
303
+ list-style: none;
304
+
305
+
306
+
307
+ }
308
+
309
+ header ul li a{
310
+
311
+ text-shadow: 1px 1px 2px #6CC6C4;
312
+
313
+ padding: 17px 0 18px;
314
+
315
+ display: block;
316
+
317
+ width: 180px;
318
+
319
+ text-align: center;
320
+
321
+ border-left: solid 1px #99e1df;
322
+
323
+ border-right: solid 1px #71c9c7;
324
+
325
+ text-decoration: none;
326
+
327
+ font-size: 13px;
328
+
329
+ background-image: linear-gradient(rgb(156,227,225) 0%,rgb(108,198,196) 100%);
330
+
331
+
332
+
333
+ }
334
+
335
+ .header-container-info{
336
+
337
+ text-align: right;
338
+
339
+ float: right;
340
+
341
+
342
+
343
+ }
344
+
345
+ .time{
346
+
347
+ float: right;
348
+
349
+ }
350
+
351
+ .header-container{
352
+
353
+ position: relative;
354
+
355
+ }
356
+
357
+ .header-container li{
358
+
359
+
360
+
361
+ color: white;
362
+
363
+
364
+
365
+ margin-top: 50px;
366
+
367
+ }
368
+
369
+ .title-ja{
370
+
371
+ display: block;
372
+
373
+ color: white;
374
+
375
+ height: 20px;
376
+
377
+ line-height: 20px;
378
+
379
+ text-align: center;
380
+
381
+ font-weight: bold;
382
+
383
+ font-size: 108%;
384
+
385
+ }
386
+
387
+ .title-en{
388
+
389
+ color: white;
390
+
391
+ height: 15px;
392
+
393
+ line-height: 15px;
394
+
395
+ text-align: center;
396
+
397
+ font-weight: bold;
398
+
399
+ font-size: 77%;
400
+
401
+ }
402
+
403
+
404
+
405
+ a{
406
+
407
+ text-decoration: none;
408
+
409
+ }
410
+
411
+ .header-container p{
412
+
413
+ font-size: 10px;
414
+
415
+ line-height: 18px;
416
+
417
+ color: #515151;
418
+
419
+ }
420
+
421
+ .header-tel{
422
+
423
+ font-size: 26px;
424
+
425
+ line-height: 46px;
426
+
427
+ }
428
+
429
+ .sunday{
430
+
431
+ color: #b22c00;
432
+
433
+ }
434
+
435
+ .time{
436
+
437
+ border: solid 1px #d6d6d6;
438
+
439
+ width: 220px;
440
+
441
+ text-align: center;
442
+
443
+ position: absolute;
444
+
445
+ right: 0px;
446
+
447
+
448
+
449
+ }
450
+
451
+ .contents-wrapper{
452
+
453
+ padding: 20px 170px;
454
+
455
+ display: flex;
456
+
457
+ justify-content: space-between;
458
+
459
+ align-items: flex-start;
460
+
461
+ }
462
+
463
+ .contents{
464
+
465
+ width: 260px;
466
+
467
+ border: solid 1px #6CC6C4;
468
+
469
+ border-radius: 5px;
470
+
471
+ }
472
+
473
+
474
+
475
+ .menu-1-li a,.menu-2-li a{
476
+
477
+ font-size: 14px;
478
+
479
+ line-height: 25px;
480
+
481
+ color: #595959;
482
+
483
+ font-weight: bold;
484
+
485
+ text-decoration: none;
486
+
487
+ display: block;
488
+
489
+ padding: 8px;
490
+
491
+ }
492
+
493
+ .contents ul{
494
+
495
+ padding-left: 30px;
496
+
497
+
498
+
499
+ }
500
+
501
+ .contents li{
502
+
503
+ border-bottom: solid 1px #6CC6C4 ;
504
+
505
+ list-style: none;
506
+
507
+ padding-left:25px ;
508
+
509
+ background: url(bgListIcon01.png) no-repeat 5px center;
510
+
511
+ line-height: ;
512
+
513
+ }
514
+
515
+ .menu-2{
516
+
517
+ display: block;
518
+
519
+ margin-top: 1px;
520
+
521
+
522
+
523
+ }
524
+
525
+ .
526
+
527
+ border-b;
528
+
529
+ margin-bottom: 30px;
530
+
531
+
532
+
533
+ .contents .menu-1-li a:hover{
534
+
535
+ color:#aec24C;
536
+
537
+ }
538
+
539
+ .contents .menu-2-li a:hover{
540
+
541
+ color: #6cc6c4;
542
+
543
+ }
544
+
545
+ .menu-2-li ,.menu-1-li{
546
+
547
+ margin-bottom: 20px;
548
+
549
+ padding-right: 10px;
550
+
551
+ }
552
+
553
+ .header span{
554
+
555
+ text-decoration: none;
556
+
557
+ }
558
+
559
+ .footer-address{
560
+
561
+ font-size: 13px;
562
+
563
+ line-height: 23px;
564
+
565
+ color: #515151;
566
+
567
+ text-align: right;
568
+
569
+ }
570
+
571
+ .copyright{
572
+
573
+ font-size: 12px;
574
+
575
+ line-height: 22px;
576
+
577
+ color: #515151;
578
+
579
+ text-align: center;
580
+
581
+ border-top:solid 2px #6CC6C4;
582
+
583
+ }
584
+
585
+ .menu-1,.menu-2{
586
+
587
+ color:white;
588
+
589
+ background-color: #6cc6c4;
590
+
591
+ padding: 10px;
592
+
593
+ background-image: linear-gradient(rgb(156,227,225) 0%,rgb(108,198,196) 100%);
594
+
595
+
596
+
597
+ }
598
+
599
+ footer{
600
+
601
+ padding: 20px 170px;
602
+
603
+ margin-top: 140px;
604
+
605
+
606
+
607
+ }
608
+
609
+ .footer-list{
610
+
611
+ background-color: #6CC6C4;
612
+
613
+ padding: 5px 0;
614
+
615
+ border-radius: 5px;
616
+
617
+
618
+
619
+ }
620
+
621
+ .footer-list ul{
622
+
623
+ padding-left: 20px;
624
+
625
+ display: flex;
626
+
627
+ }
628
+
629
+ .footer-list li{
630
+
631
+ color: white;
632
+
633
+ padding-right: 40px;
634
+
635
+ list-style: none;
636
+
637
+ background: url(bgFooterIcon.png)
638
+
639
+ 1px no-repeat;
640
+
641
+ padding-left: 20px;
642
+
643
+ }
644
+
645
+ .footer-list a{
646
+
647
+ color: white;
648
+
649
+ }
650
+
651
+ .main dl dd{
652
+
653
+ border-bottom: 1px #CCCCCC dotted;
654
+
655
+ padding: 10px 10px 10px 11em;
656
+
657
+ font-size: 13px;
658
+
659
+ line-height: 20px;
660
+
661
+ color: #515151;
662
+
663
+ }
664
+
665
+ .main dl dt{
666
+
667
+ align-items: center;
668
+
669
+ padding: 15px 0;
670
+
671
+ float: left;
672
+
673
+ width: 130px;
674
+
675
+ font-size: 13px;
676
+
677
+ color: #515151;
678
+
679
+ line-height: 23px;
680
+
681
+ font-weight: 700;
682
+
683
+
684
+
685
+ }
686
+
687
+ .inner{
688
+
689
+ background-color: #ffffff;
690
+
691
+ padding: 30px;
692
+
693
+ }
694
+
695
+
696
+
697
+ .main{
698
+
699
+ width: 640px;
700
+
701
+ padding: ;
702
+
703
+
704
+
705
+ }
706
+
707
+ .main .inner dl{
708
+
709
+ padding-top: 10px;
710
+
711
+
712
+
713
+ }
714
+
715
+ .new-info{
716
+
717
+ border-bottom: #6CC6C4 solid 3px;
718
+
719
+ padding-bottom: 10px;
720
+
721
+ }
722
+
723
+ コード
254
724
 
255
725
  ```
256
726
 
257
- * {
258
-
259
- box-sizing: border-box;
260
-
261
-
262
-
263
- }
264
-
265
- body{
266
-
267
- background-color: #f6f6f6;
268
-
269
- }
270
-
271
- header{
272
-
273
- border-top: solid 8px #6CC6C4;
274
-
275
- padding: 20px 170px;
276
-
277
-
278
-
279
-
280
-
281
-
282
-
283
- }
284
-
285
- .first{
286
-
287
- border-radius: 6px 0px 0px 6px;
288
-
289
- }
290
-
291
- .last{
292
-
293
- border-radius: 0 6px 6px 0;
294
-
295
- }
296
-
297
-
298
-
299
- img{
300
-
301
- max-width: 100%;
302
-
303
- }
304
-
305
-
306
-
307
- .header-container ul{
308
-
309
- display: flex;
310
-
311
- list-style: none;
312
-
313
-
314
-
315
- }
316
-
317
- header ul li a{
318
-
319
- text-shadow: 1px 1px 2px #6CC6C4;
320
-
321
- padding: 17px 0 18px;
322
-
323
- display: block;
324
-
325
- width: 180px;
326
-
327
- text-align: center;
328
-
329
- border-left: solid 1px #99e1df;
330
-
331
- border-right: solid 1px #71c9c7;
332
-
333
- text-decoration: none;
334
-
335
- font-size: 13px;
336
-
337
- background-image: linear-gradient(rgb(156,227,225) 0%,rgb(108,198,196) 100%);
338
-
339
-
340
-
341
-
342
-
343
- }
344
-
345
- .header-container-info{
346
-
347
- text-align: right;
348
-
349
- float: right;
350
-
351
-
352
-
353
- }
354
-
355
- .time{
356
-
357
- float: right;
358
-
359
- }
360
-
361
- .header-container{
362
-
363
- position: relative;
364
-
365
- }
366
-
367
- .header-container li{
368
-
369
-
370
-
371
- color: white;
372
-
373
-
374
-
375
-
376
-
377
-
378
-
379
-
380
-
381
- margin-top: 50px;
382
-
383
- }
384
-
385
- .title-ja{
386
-
387
- display: block;
388
-
389
- color: white;
390
-
391
- height: 20px;
392
-
393
- line-height: 20px;
394
-
395
- text-align: center;
396
-
397
- font-weight: bold;
398
-
399
- font-size: 108%;
400
-
401
- }
402
-
403
- .title-en{
404
-
405
- color: white;
406
-
407
- height: 15px;
408
-
409
- line-height: 15px;
410
-
411
- text-align: center;
412
-
413
- font-weight: bold;
414
-
415
- font-size: 77%;
416
-
417
- }
418
-
419
-
420
-
421
-
422
-
423
-
424
-
425
-
426
-
427
- a{
428
-
429
- text-decoration: none;
430
-
431
- }
432
-
433
- .header-container p{
434
-
435
- font-size: 10px;
436
-
437
- line-height: 18px;
438
-
439
- color: #515151;
440
-
441
- }
442
-
443
- .header-tel{
444
-
445
- font-size: 26px;
446
-
447
- line-height: 46px;
448
-
449
- }
450
-
451
- .sunday{
452
-
453
- color: #b22c00;
454
-
455
- }
456
-
457
- .time{
458
-
459
- border: solid 1px #d6d6d6;
460
-
461
- width: 220px;
462
-
463
- text-align: center;
464
-
465
- position: absolute;
466
-
467
- right: 0px;
468
-
469
-
470
-
471
-
472
-
473
- }
474
-
475
- .contents-wrapper{
476
-
477
- padding: 20px 170px;
478
-
479
- display: flex;
480
-
481
- justify-content: space-between;
482
-
483
- align-items: flex-start;
484
-
485
- }
486
-
487
- .contents{
488
-
489
- width: 260px;
490
-
491
- border: solid 1px #6CC6C4;
492
-
493
- border-radius: 5px;
494
-
495
- }
496
-
497
-
498
-
499
- .menu-1-li a,.menu-2-li a{
500
-
501
- font-size: 14px;
502
-
503
- line-height: 25px;
504
-
505
- color: #595959;
506
-
507
- font-weight: bold;
508
-
509
- text-decoration: none;
510
-
511
- display: block;
512
-
513
- padding: 8px;
514
-
515
- }
516
-
517
- .contents ul{
518
-
519
- padding-left: 30px;
520
-
521
-
522
-
523
- }
524
-
525
- .contents li{
526
-
527
- border-bottom: solid 1px #6CC6C4 ;
528
-
529
- list-style: none;
530
-
531
- padding-left:25px ;
532
-
533
- background: url(bgListIcon01.png) no-repeat 5px center;
534
-
535
- line-height: ;
536
-
537
- }
538
-
539
- .menu-2{
540
-
541
- display: block;
542
-
543
- margin-top: 1px;
544
-
545
-
546
-
547
- }
548
-
549
- .
550
-
551
- border-b;
552
-
553
- margin-bottom: 30px;
554
-
555
-
556
-
557
-
558
-
559
- .contents .menu-1-li a:hover{
560
-
561
- color:#aec24C;
562
-
563
- }
564
-
565
- .contents .menu-2-li a:hover{
566
-
567
- color: #6cc6c4;
568
-
569
- }
570
-
571
- .menu-2-li ,.menu-1-li{
572
-
573
- margin-bottom: 20px;
574
-
575
- padding-right: 10px;
576
-
577
- }
578
-
579
- .header span{
580
-
581
- text-decoration: none;
582
-
583
- }
584
-
585
- .footer-address{
586
-
587
- font-size: 13px;
588
-
589
- line-height: 23px;
590
-
591
- color: #515151;
592
-
593
- text-align: right;
594
-
595
- }
596
-
597
- .copyright{
598
-
599
- font-size: 12px;
600
-
601
- line-height: 22px;
602
-
603
- color: #515151;
604
-
605
- text-align: center;
606
-
607
- border-top:solid 2px #6CC6C4;
608
-
609
- }
610
-
611
- .menu-1,.menu-2{
612
-
613
- color:white;
614
-
615
- background-color: #6cc6c4;
616
-
617
- padding: 10px;
618
-
619
- background-image: linear-gradient(rgb(156,227,225) 0%,rgb(108,198,196) 100%);
620
-
621
-
622
-
623
-
624
-
625
- }
626
-
627
- footer{
628
-
629
- padding: 20px 170px;
630
-
631
- margin-top: 140px;
632
-
633
-
634
-
635
- }
636
-
637
- .footer-list{
638
-
639
- background-color: #6CC6C4;
640
-
641
- padding: 5px 0;
642
-
643
- border-radius: 5px;
644
-
645
-
646
-
647
- }
648
-
649
- .footer-list ul{
650
-
651
- padding-left: 20px;
652
-
653
- display: flex;
654
-
655
- }
656
-
657
- .footer-list li{
658
-
659
- color: white;
660
-
661
- padding-right: 40px;
662
-
663
- list-style: none;
664
-
665
- background: url(bgFooterIcon.png)
666
-
667
- 1px no-repeat;
668
-
669
- padding-left: 20px;
670
-
671
- }
672
-
673
- .footer-list a{
674
-
675
- color: white;
676
-
677
- }
678
-
679
- .main dl dd{
680
-
681
- border-bottom: 1px #CCCCCC dotted;
682
-
683
- padding: 10px 10px 10px 11em;
684
-
685
- font-size: 13px;
686
-
687
- line-height: 20px;
688
-
689
- color: #515151;
690
-
691
- }
692
-
693
- .main dl dt{
694
-
695
- align-items: center;
696
-
697
- padding: 15px 0;
698
-
699
- float: left;
700
-
701
- width: 130px;
702
-
703
- font-size: 13px;
704
-
705
- color: #515151;
706
-
707
- line-height: 23px;
708
-
709
- font-weight: 700;
710
-
711
-
712
-
713
- }
714
-
715
- .inner{
716
-
717
- background-color: #ffffff;
718
-
719
- padding: 30px;
720
-
721
- }
722
-
723
-
724
-
725
- .main{
726
-
727
- width: 640px;
728
-
729
- padding: ;
730
-
731
-
732
-
733
- }
734
-
735
- .main .inner dl{
736
-
737
- padding-top: 10px;
738
-
739
-
740
-
741
- }
742
-
743
- .new-info{
744
-
745
- border-bottom: #6CC6C4 solid 3px;
746
-
747
- padding-bottom: 10px;
748
-
749
- }
750
-
751
-
752
-
753
- コード
754
-
755
727
  ```
756
728
 
757
- ```![イメージ説明](c7d0c252f7dc69e078ce0ab11961fb63.png)
758
-
759
729
 
760
730
 
761
731
  ```右側にある余白を消したい

3

追加

2020/04/23 13:32

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,9 +1,769 @@
1
+ ```ここに言語を入力
2
+
3
+ !DOCTYPE html>
4
+
5
+ <html lang="en">
6
+
7
+ <head>
8
+
9
+ <meta charset="UTF-8">
10
+
11
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
12
+
13
+ <title>Dental Clinic</title>
14
+
15
+ <link rel="stylesheet" href="reset.css">
16
+
17
+ <link rel="stylesheet" href="stylesheet.css">
18
+
19
+ <link rel="stylesheet" href="responsive.css">
20
+
21
+ <meta name="viewport" content="width=device-width,initial-scale=1.0">
22
+
23
+ </head>
24
+
25
+ <body>
26
+
27
+ <div class="wrap"></div>
28
+
29
+ <header>
30
+
31
+ <div class="header-container">
32
+
33
+ <img src="siteTitle.png" class="title-img" >
34
+
35
+ <div class="header-container-info">
36
+
37
+ <p>“地域に根付いた歯科医院” デンタル クリニック</p>
38
+
39
+ <div class="header-tel">03-0000-0000</div>
40
+
41
+ <p class="time">予約受付時間 10:00~19:30 <span class="sunday">日祝 休診</span></p>
42
+
43
+ </div>
44
+
45
+ <ul>
46
+
47
+ <li>
48
+
49
+ <a href="" class="first">
50
+
51
+ <span class="title-ja">トップページ</span>
52
+
53
+ <span class="title-en">HOME</span>
54
+
55
+ </a>
56
+
57
+ </li>
58
+
59
+ <li>
60
+
61
+ <a href="" class="">
62
+
63
+ <span class="title-ja">医院紹介</span>
64
+
65
+ <span class="title-en">CLINIC</span>
66
+
67
+ </a>
68
+
69
+ </li>
70
+
71
+ <li>
72
+
73
+ <a href="" class="">
74
+
75
+ <span class="title-ja">診療案内</span>
76
+
77
+ <span class="title-en">SERVICE</span>
78
+
79
+ </a>
80
+
81
+ </li>
82
+
83
+ <li>
84
+
85
+ <a href="" class="">
86
+
87
+ <span class="title-ja">院長・スタッフ紹介</span>
88
+
89
+ <span class="title-en">STAFF</span>
90
+
91
+ </a>
92
+
93
+ </li>
94
+
95
+ <li> <a href="" class="last">
96
+
97
+ <span class="title-ja">アクセス</span>
98
+
99
+ <span class="title-en">ACCESS</span>
100
+
101
+ </a>
102
+
103
+ </li>
104
+
105
+ </ul>
106
+
107
+ </div>
108
+
109
+ </header>
110
+
111
+ <div class="contents-wrapper">
112
+
113
+ <div class="contents">
114
+
115
+ <h2 class="menu-1">一般歯科</h2>
116
+
117
+ <div class="menu-1-li">
118
+
119
+ <ul>
120
+
121
+ <li><a href="">虫歯治療</a></li>
122
+
123
+ <li><a href="">歯周病治療</a></li>
124
+
125
+ <li><a href="">入れ歯</a></li>
126
+
127
+ <li><a href="">予防歯科</a></li>
128
+
129
+ </ul>
130
+
131
+ </div>
132
+
133
+ <h2 class="menu-2">審美歯科</h2>
134
+
135
+ <div class="menu-2-li">
136
+
137
+ <ul>
138
+
139
+ <li><a href="">ホワイトニング</a></li>
140
+
141
+ <li><a href="">オールセラミック</a></li>
142
+
143
+ <li><a href="">セラミックインレー</a></li>
144
+
145
+ <li><a href="">PMTC</a></li>
146
+
147
+ </ul>
148
+
149
+ </div>
150
+
151
+ </div>
152
+
153
+
154
+
155
+ <div class="main">
156
+
157
+ <img src="in01.jpg" alt="">
158
+
159
+ <div class='inner'>
160
+
161
+ <h2 class="new-info">新着情報</h2>
162
+
163
+ <dl>
164
+
165
+ <dt>2012年08月01日
166
+
167
+ </dt>
168
+
169
+ <dd>【診療時間変更のお知らせ】長期休診の前日8月11日は、通常より1時間長く診療をすることにしました。ご予約をお待ちしております。</dd>
170
+
171
+ <dt>2012年07月24日
172
+
173
+ </dt>
174
+
175
+ <dd>【8月の休診のお知らせ】8月12日~16日の間は休診とさせていただきます。何卒よろしくお願いいたします。</dd>
176
+
177
+ <dt>2012年07月02日</dt>
178
+
179
+ <dd>【こどもデンタル教室のご案内】毎月第2土曜日に行っているこどもデンタル教室では、参加してくださるお子様を募集しております。
180
+
181
+ </dd>
182
+
183
+ <dt>2012年06月20日</dt>
184
+
185
+ <dd>【7月休診日のお知らせ】7月は土日祝日以外の休診日はありません。ご来院お待ちしております。</dd>
186
+
187
+ <dt>2012年06月01日
188
+
189
+ </dt>
190
+
191
+ <dd>
192
+
193
+ ホームページをリニューアルしました。</dd>
194
+
195
+ </dl>
196
+
197
+
198
+
199
+ </div>
200
+
201
+
202
+
203
+ </div>
204
+
205
+ <div class="contenys-wrapper-clear"></div>
206
+
207
+ </div>
208
+
209
+ <footer>
210
+
211
+ <div class="footer-container">
212
+
213
+ <div class="footer-list">
214
+
215
+ <ul>
216
+
217
+ <li><a href="">トップページ</a></li>
218
+
219
+ <li><a href="">医院紹介</a></li>
220
+
221
+ <li><a href="">診療案内</a></li>
222
+
223
+ <li><a href="">院長・スタッフ紹介</a></li>
224
+
225
+ <li><a href="">アクセス</a></li>
226
+
227
+ </ul>
228
+
229
+ </div>
230
+
231
+ <div class="footer-address">
232
+
233
+ <strong>デンタルクリニック</strong>
234
+
235
+ <span> 東京都新宿区市谷左内町21-13 TEL:03-0000-0000</span>
236
+
237
+ </div>
238
+
239
+ <p class="copyright">Copyright 2012 Dental Clinic CO.,LTD All Rights Reserved.</p>
240
+
241
+ </div>
242
+
243
+ </footer>
244
+
245
+ </div>
246
+
247
+ </body>
248
+
249
+ </html>
250
+
251
+ コード
252
+
253
+
254
+
255
+ ```
256
+
257
+ * {
258
+
259
+ box-sizing: border-box;
260
+
261
+
262
+
263
+ }
264
+
265
+ body{
266
+
267
+ background-color: #f6f6f6;
268
+
269
+ }
270
+
271
+ header{
272
+
273
+ border-top: solid 8px #6CC6C4;
274
+
275
+ padding: 20px 170px;
276
+
277
+
278
+
279
+
280
+
281
+
282
+
283
+ }
284
+
285
+ .first{
286
+
287
+ border-radius: 6px 0px 0px 6px;
288
+
289
+ }
290
+
291
+ .last{
292
+
293
+ border-radius: 0 6px 6px 0;
294
+
295
+ }
296
+
297
+
298
+
299
+ img{
300
+
301
+ max-width: 100%;
302
+
303
+ }
304
+
305
+
306
+
307
+ .header-container ul{
308
+
309
+ display: flex;
310
+
311
+ list-style: none;
312
+
313
+
314
+
315
+ }
316
+
317
+ header ul li a{
318
+
319
+ text-shadow: 1px 1px 2px #6CC6C4;
320
+
321
+ padding: 17px 0 18px;
322
+
323
+ display: block;
324
+
325
+ width: 180px;
326
+
327
+ text-align: center;
328
+
329
+ border-left: solid 1px #99e1df;
330
+
331
+ border-right: solid 1px #71c9c7;
332
+
333
+ text-decoration: none;
334
+
335
+ font-size: 13px;
336
+
337
+ background-image: linear-gradient(rgb(156,227,225) 0%,rgb(108,198,196) 100%);
338
+
339
+
340
+
341
+
342
+
343
+ }
344
+
345
+ .header-container-info{
346
+
347
+ text-align: right;
348
+
349
+ float: right;
350
+
351
+
352
+
353
+ }
354
+
355
+ .time{
356
+
357
+ float: right;
358
+
359
+ }
360
+
361
+ .header-container{
362
+
363
+ position: relative;
364
+
365
+ }
366
+
367
+ .header-container li{
368
+
369
+
370
+
371
+ color: white;
372
+
373
+
374
+
375
+
376
+
377
+
378
+
379
+
380
+
381
+ margin-top: 50px;
382
+
383
+ }
384
+
385
+ .title-ja{
386
+
387
+ display: block;
388
+
389
+ color: white;
390
+
391
+ height: 20px;
392
+
393
+ line-height: 20px;
394
+
395
+ text-align: center;
396
+
397
+ font-weight: bold;
398
+
399
+ font-size: 108%;
400
+
401
+ }
402
+
403
+ .title-en{
404
+
405
+ color: white;
406
+
407
+ height: 15px;
408
+
409
+ line-height: 15px;
410
+
411
+ text-align: center;
412
+
413
+ font-weight: bold;
414
+
415
+ font-size: 77%;
416
+
417
+ }
418
+
419
+
420
+
421
+
422
+
423
+
424
+
425
+
426
+
427
+ a{
428
+
429
+ text-decoration: none;
430
+
431
+ }
432
+
433
+ .header-container p{
434
+
435
+ font-size: 10px;
436
+
437
+ line-height: 18px;
438
+
439
+ color: #515151;
440
+
441
+ }
442
+
443
+ .header-tel{
444
+
445
+ font-size: 26px;
446
+
447
+ line-height: 46px;
448
+
449
+ }
450
+
451
+ .sunday{
452
+
453
+ color: #b22c00;
454
+
455
+ }
456
+
457
+ .time{
458
+
459
+ border: solid 1px #d6d6d6;
460
+
461
+ width: 220px;
462
+
463
+ text-align: center;
464
+
465
+ position: absolute;
466
+
467
+ right: 0px;
468
+
469
+
470
+
471
+
472
+
473
+ }
474
+
475
+ .contents-wrapper{
476
+
477
+ padding: 20px 170px;
478
+
479
+ display: flex;
480
+
481
+ justify-content: space-between;
482
+
483
+ align-items: flex-start;
484
+
485
+ }
486
+
487
+ .contents{
488
+
489
+ width: 260px;
490
+
491
+ border: solid 1px #6CC6C4;
492
+
493
+ border-radius: 5px;
494
+
495
+ }
496
+
497
+
498
+
499
+ .menu-1-li a,.menu-2-li a{
500
+
501
+ font-size: 14px;
502
+
503
+ line-height: 25px;
504
+
505
+ color: #595959;
506
+
507
+ font-weight: bold;
508
+
509
+ text-decoration: none;
510
+
511
+ display: block;
512
+
513
+ padding: 8px;
514
+
515
+ }
516
+
517
+ .contents ul{
518
+
519
+ padding-left: 30px;
520
+
521
+
522
+
523
+ }
524
+
525
+ .contents li{
526
+
527
+ border-bottom: solid 1px #6CC6C4 ;
528
+
529
+ list-style: none;
530
+
531
+ padding-left:25px ;
532
+
533
+ background: url(bgListIcon01.png) no-repeat 5px center;
534
+
535
+ line-height: ;
536
+
537
+ }
538
+
539
+ .menu-2{
540
+
541
+ display: block;
542
+
543
+ margin-top: 1px;
544
+
545
+
546
+
547
+ }
548
+
549
+ .
550
+
551
+ border-b;
552
+
553
+ margin-bottom: 30px;
554
+
555
+
556
+
557
+
558
+
559
+ .contents .menu-1-li a:hover{
560
+
561
+ color:#aec24C;
562
+
563
+ }
564
+
565
+ .contents .menu-2-li a:hover{
566
+
567
+ color: #6cc6c4;
568
+
569
+ }
570
+
571
+ .menu-2-li ,.menu-1-li{
572
+
573
+ margin-bottom: 20px;
574
+
575
+ padding-right: 10px;
576
+
577
+ }
578
+
579
+ .header span{
580
+
581
+ text-decoration: none;
582
+
583
+ }
584
+
585
+ .footer-address{
586
+
587
+ font-size: 13px;
588
+
589
+ line-height: 23px;
590
+
591
+ color: #515151;
592
+
593
+ text-align: right;
594
+
595
+ }
596
+
597
+ .copyright{
598
+
599
+ font-size: 12px;
600
+
601
+ line-height: 22px;
602
+
603
+ color: #515151;
604
+
605
+ text-align: center;
606
+
607
+ border-top:solid 2px #6CC6C4;
608
+
609
+ }
610
+
611
+ .menu-1,.menu-2{
612
+
613
+ color:white;
614
+
615
+ background-color: #6cc6c4;
616
+
617
+ padding: 10px;
618
+
619
+ background-image: linear-gradient(rgb(156,227,225) 0%,rgb(108,198,196) 100%);
620
+
621
+
622
+
623
+
624
+
625
+ }
626
+
627
+ footer{
628
+
629
+ padding: 20px 170px;
630
+
631
+ margin-top: 140px;
632
+
633
+
634
+
635
+ }
636
+
637
+ .footer-list{
638
+
639
+ background-color: #6CC6C4;
640
+
641
+ padding: 5px 0;
642
+
643
+ border-radius: 5px;
644
+
645
+
646
+
647
+ }
648
+
649
+ .footer-list ul{
650
+
651
+ padding-left: 20px;
652
+
653
+ display: flex;
654
+
655
+ }
656
+
657
+ .footer-list li{
658
+
659
+ color: white;
660
+
661
+ padding-right: 40px;
662
+
663
+ list-style: none;
664
+
665
+ background: url(bgFooterIcon.png)
666
+
667
+ 1px no-repeat;
668
+
669
+ padding-left: 20px;
670
+
671
+ }
672
+
673
+ .footer-list a{
674
+
675
+ color: white;
676
+
677
+ }
678
+
679
+ .main dl dd{
680
+
681
+ border-bottom: 1px #CCCCCC dotted;
682
+
683
+ padding: 10px 10px 10px 11em;
684
+
685
+ font-size: 13px;
686
+
687
+ line-height: 20px;
688
+
689
+ color: #515151;
690
+
691
+ }
692
+
693
+ .main dl dt{
694
+
695
+ align-items: center;
696
+
697
+ padding: 15px 0;
698
+
699
+ float: left;
700
+
701
+ width: 130px;
702
+
703
+ font-size: 13px;
704
+
705
+ color: #515151;
706
+
707
+ line-height: 23px;
708
+
709
+ font-weight: 700;
710
+
711
+
712
+
713
+ }
714
+
715
+ .inner{
716
+
717
+ background-color: #ffffff;
718
+
719
+ padding: 30px;
720
+
721
+ }
722
+
723
+
724
+
725
+ .main{
726
+
727
+ width: 640px;
728
+
729
+ padding: ;
730
+
731
+
732
+
733
+ }
734
+
735
+ .main .inner dl{
736
+
737
+ padding-top: 10px;
738
+
739
+
740
+
741
+ }
742
+
743
+ .new-info{
744
+
745
+ border-bottom: #6CC6C4 solid 3px;
746
+
747
+ padding-bottom: 10px;
748
+
749
+ }
750
+
751
+
752
+
753
+ コード
754
+
755
+ ```
756
+
1
- ![イメージ説明](c7d0c252f7dc69e078ce0ab11961fb63.png)
757
+ ```![イメージ説明](c7d0c252f7dc69e078ce0ab11961fb63.png)
2
758
 
3
759
 
4
760
 
5
761
  ```右側にある余白を消したい
6
762
 
763
+ ![イメージ説明](16aa5f09c358653255278e7076903425.png)
764
+
765
+ ![イメージ説明](0def23e8308cf4f9927c8c70b81e2e09.png)
766
+
7
767
 
8
768
 
9
769
  ネットで調べた方法を試したのですが、右側の余白が消えません。本来なら上部の水色の線は画面の左から右まであります。

2

画像の追加

2020/04/23 13:28

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- ![![イメージ説明](009f8784dc5fee96106f6f63a4792e82.png)](40fd7d25b058a96ab4b615720471afc0.png)### 前提・実現したいこと
1
+ ![イメージ説明](c7d0c252f7dc69e078ce0ab11961fb63.png)
2
2
 
3
3
 
4
4
 

1

画像の追加

2020/04/23 13:23

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- ### 前提・実現したいこと
1
+ ![![イメージ説明](009f8784dc5fee96106f6f63a4792e82.png)](40fd7d25b058a96ab4b615720471afc0.png)### 前提・実現したいこと
2
2
 
3
3
 
4
4