質問編集履歴

2

補足情報の追加

2019/11/30 10:45

投稿

sszkks
sszkks

スコア15

test CHANGED
File without changes
test CHANGED
@@ -42,4 +42,150 @@
42
42
 
43
43
 
44
44
 
45
+ こちらが実際のHTMLです。<br>を続けたような場合に画面下部ではなくページの下部にフッターが表示されてしまいます…
46
+
47
+ どのようにすれば改善されるのでしょうか?
48
+
49
+ ```
50
+
51
+ <body>
52
+
53
+ <div id="app" class="main">
54
+
55
+ <v-app>
56
+
57
+ <v-tabs grow background-color="deep-purple accent-4" center-active>
58
+
59
+ <v-tab v-for="(tab,index) in tabArray" @click="changeTab(index)"
60
+
61
+ >{{tab}}</v-tab
62
+
63
+ >
64
+
65
+ <!-- tab0 -->
66
+
67
+ <v-tab-item>
68
+
69
+ tab{{currentTab}}
70
+
71
+ </v-tab-item>
72
+
73
+ <!-- tab1 -->
74
+
75
+ <v-tab-item>
76
+
77
+ tab{{currentTab}}
78
+
79
+ </v-tab-item>
80
+
81
+ <!-- tab2 -->
82
+
83
+ <v-tab-item>
84
+
85
+ tab{{currentTab}}
86
+
87
+ <br>
88
+
89
+ <br>
90
+
91
+ <br>
92
+
93
+ <br>
94
+
95
+ <br>
96
+
97
+ <br>
98
+
99
+ <br>
100
+
101
+ <br>
102
+
103
+ <br>
104
+
105
+ <br>
106
+
107
+ <br>
108
+
109
+ <br>
110
+
111
+ <br>
112
+
113
+ <br>
114
+
115
+ <br>
116
+
117
+ <br>
118
+
119
+ <br>
120
+
121
+ <br>
122
+
123
+ <br>
124
+
125
+ <br>
126
+
127
+ <br>
128
+
129
+ <br>
130
+
131
+ <br>
132
+
133
+ <br>
134
+
135
+ <br>
136
+
137
+ <br>
138
+
139
+ <br>
140
+
141
+ <br>
142
+
143
+ <br>
144
+
145
+ <br>
146
+
147
+ <br>
148
+
149
+ <br>
150
+
151
+ <br>
152
+
153
+ <br>
154
+
155
+ <br>
156
+
157
+ <br>
158
+
159
+ <br>
160
+
161
+ <br>
162
+
163
+ <br>
164
+
165
+ <br>
166
+
167
+ </v-tab-item>
168
+
169
+ </v-tabs>
170
+
171
+ </v-app>
172
+
173
+ <footer>
174
+
175
+ <v-row>
176
+
177
+ <v-col><v-btn>left</v-btn></v-col>
178
+
179
+ <v-col><v-btn>right</v-btn></v-col>
180
+
181
+ </v-row>
182
+
183
+ </footer>
184
+
185
+ </div>
186
+
187
+ </body>
188
+
189
+ ```
190
+
45
191
  ご助言いただけますと幸いです。

1

補足情報の追加

2019/11/30 10:45

投稿

sszkks
sszkks

スコア15

test CHANGED
File without changes
test CHANGED
@@ -16,7 +16,29 @@
16
16
 
17
17
  cssによるフッター固定
18
18
 
19
- →タブ内のコンテンツが重なってしまい不適
19
+ 下記のcssを作成しましたがタブ内のコンテンツが重なってしまい不適
20
+
21
+ (コンテンツが重なるのは避けたい)
22
+
23
+
24
+
25
+ ```
26
+
27
+ .footer {
28
+
29
+ height:60px;
30
+
31
+ margin-top:-100px;
32
+
33
+ position: fixed;
34
+
35
+ bottom: 0;
36
+
37
+ width: 100%;
38
+
39
+ }
40
+
41
+ ```
20
42
 
21
43
 
22
44