質問編集履歴
1
CODEを見やすくしました。
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;と設定したが親要素の下に隠れてしまった。
|