質問編集履歴

2

説明を加筆しました

2020/03/19 15:13

投稿

coca0127
coca0127

スコア10

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- hoverでborder-bottom表示を指定しているのですが、ボーダー分ボックスの高さが増えてしまいます。
1
+ hoverでborder-bottom表示を指定しているのですが、ボーダー分ボックスの高さが増えて、下のボックスが上下てしまいます。
2
2
 
3
3
  可変するため、.overfooterの高さを固定したりはできません・・・。どのように直せば良いのでしょうか?
4
4
 

1

フッターCSS追加しました

2020/03/19 15:13

投稿

coca0127
coca0127

スコア10

test CHANGED
File without changes
test CHANGED
@@ -98,4 +98,30 @@
98
98
 
99
99
  }
100
100
 
101
+
102
+
103
+ footer{
104
+
105
+ width: 100%;
106
+
107
+ height: 52px;
108
+
109
+ padding-top: 16px;
110
+
111
+ text-align: center;
112
+
113
+ background-color: #B2BBCD;
114
+
115
+ }
116
+
117
+
118
+
119
+ footer p{
120
+
121
+ color: #fff;
122
+
123
+ font-size: 14px;
124
+
125
+ }
126
+
101
127
  ```