teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問CSSで余白が消えません

編集履歴

質問編集履歴

5

補足

2020/04/30 11:10

投稿

sakya
sakya

スコア12

test CHANGED
File without changes
test CHANGED
@@ -33,10 +33,6 @@
33
33
 
34
34
 
35
35
  ```css
36
-
37
- 　#sidebar ul{list-style: none; margin: 0; padding: 0;}
38
-
39
- 　#sidebanner ul li{margin-bottom: 1px;}
40
36
 
41
37
  　#sidebanner h2{background-color: #A6A6A6; color: #fff; margin: 0; padding: 7px 0px 5px 　0px; font-size: 20px; text-align: center;}
42
38
 

4

補足

2020/04/30 11:10

投稿

sakya
sakya

スコア12

test CHANGED
File without changes
test CHANGED
@@ -33,6 +33,18 @@
33
33
 
34
34
 
35
35
  ```css
36
+
37
+ 　#sidebar ul{list-style: none; margin: 0; padding: 0;}
38
+
39
+ 　#sidebanner ul li{margin-bottom: 1px;}
40
+
41
+ 　#sidebanner h2{background-color: #A6A6A6; color: #fff; margin: 0; padding: 7px 0px 5px 　0px; font-size: 20px; text-align: center;}
42
+
43
+ 　#sidecontact h2{font-size: 18px; background-color: #FF342F; color: #fff; padding: 4px;}
44
+
45
+
46
+
47
+ @media (max-width:767px){
36
48
 
37
49
  #sidebar{width: 360px; clear: both;}
38
50
 
@@ -70,6 +82,8 @@
70
82
 
71
83
  #sidebanner{margin-bottom: 50px;}
72
84
 
85
+ }
86
+
73
87
  ```
74
88
 
75
89
  ![イメージ説明](c53e2d4e1433c3cd5cd9d66164ce7ec5.png)

3

補足

2020/04/30 11:06

投稿

sakya
sakya

スコア12

test CHANGED
File without changes
test CHANGED
@@ -88,6 +88,12 @@
88
88
 
89
89
 
90
90
 
91
+ `#sidebanner`と`#sidecontact`を入れ替えると
92
+
93
+ ![イメージ説明](cfd5b7e3012b7309475ce896cce09d47.png)
94
+
95
+
96
+
91
97
  ####試したこと
92
98
 
93
99
  ・margin,padding　両方とも0にする。

2

補足

2020/04/30 09:29

投稿

sakya
sakya

スコア12

test CHANGED
File without changes
test CHANGED
@@ -82,6 +82,12 @@
82
82
 
83
83
 
84
84
 
85
+ 完成図
86
+
87
+ ![イメージ説明](2491bd4f4bee8f536028ce98312c89c2.png)
88
+
89
+
90
+
85
91
  ####試したこと
86
92
 
87
93
  ・margin,padding　両方とも0にする。

1

補足

2020/04/30 09:17

投稿

sakya
sakya

スコア12

test CHANGED
File without changes
test CHANGED
@@ -76,6 +76,12 @@
76
76
 
77
77
 
78
78
 
79
+ margin-bottom:50px;なし
80
+
81
+ ![イメージ説明](10297c1ec81848ad4be5d6e930c83e37.png)
82
+
83
+
84
+
79
85
  ####試したこと
80
86
 
81
87
  ・margin,padding　両方とも0にする。