質問編集履歴

1

CODEを見やすくしました。

2019/02/02 03:50

投稿

hiroki88
hiroki88

スコア66

test CHANGED
File without changes
test CHANGED
@@ -1,28 +1,4 @@
1
- ### 前提・実現したいこと
2
-
3
-
4
-
5
- 親要素の上子要素表示させたい。
1
+ ```ここ言語入力
6
-
7
-
8
-
9
-
10
-
11
- ### 発生している問題・エラーメッセージ
12
-
13
-
14
-
15
- 親要素、子要素共にborder-top:3px solid #000;を指定しています。
16
-
17
- 親要素の上に子要素を重ねたいのですが、どうしても親要素のborderのしたに子要素がきてしまいます。
18
-
19
- イメージとしては親要素と子要素のborderが平行になるようにしたのですが、親要素のborderの下に子要素が表示されるためborderが凹のようになってしまいます。
20
-
21
-
22
-
23
- ### 該当のソースコード
24
-
25
- HTML
26
2
 
27
3
  <div id="gNavi">
28
4
 
@@ -45,8 +21,6 @@
45
21
  </div>
46
22
 
47
23
 
48
-
49
- css
50
24
 
51
25
  #gNavi{
52
26
 
@@ -104,6 +78,38 @@
104
78
 
105
79
  }
106
80
 
81
+ ```### 前提・実現したいこと
82
+
83
+
84
+
85
+ 親要素の上に子要素を表示させたい。
86
+
87
+
88
+
89
+
90
+
91
+ ### 発生している問題・エラーメッセージ
92
+
93
+
94
+
95
+ 親要素、子要素共にborder-top:3px solid #000;を指定しています。
96
+
97
+ 親要素の上に子要素を重ねたいのですが、どうしても親要素のborderのしたに子要素がきてしまいます。
98
+
99
+ イメージとしては親要素と子要素のborderが平行になるようにしたのですが、親要素のborderの下に子要素が表示されるためborderが凹のようになってしまいます。
100
+
101
+
102
+
103
+ ### 該当のソースコード
104
+
105
+ HTML
106
+
107
+
108
+
109
+ css
110
+
111
+
112
+
107
113
  ### 試したこと
108
114
 
109
115
  1.borderの高さ(3px)分、子要素をpositionでtop:-3px;と設定したが親要素の下に隠れてしまった。