質問編集履歴
4
質問を簡略化しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -90,12 +90,4 @@
|
|
|
90
90
|
@include('common.footer')
|
|
91
91
|
</footer>
|
|
92
92
|
</div>
|
|
93
|
-
```
|
|
93
|
+
```
|
|
94
|
-
|
|
95
|
-
### 試したこと
|
|
96
|
-
|
|
97
|
-
ここに問題に対して試したことを記載してください。
|
|
98
|
-
|
|
99
|
-
### 補足情報（FW/ツールのバージョンなど）
|
|
100
|
-
|
|
101
|
-
ここにより詳細な情報を記載してください。
|
3
質問を簡略化しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,10 +4,7 @@
|
|
|
4
4
|
フッターを最下部に設置したいです。(常に画面に映る固定状態ではなく、
|
|
5
5
|
最下部までスクロールすると、最下部にフッターがあるという状態にしたいです。)
|
|
6
6
|
|
|
7
|
-
container-fluidとフッターをwrapperで囲み、wrapper内にposition:absolute
|
|
8
|
-
でbottom:0としてフッターを置きましたが、
|
|
9
|
-
wrapperはheightの100%分＝画面の縦の長さフル
|
|
10
|
-
|
|
7
|
+
下記2つの問題が発生しています。
|
|
11
8
|
①コンテンツが少ない(スクロールなしで全コンテンツが見れる)場合
|
|
12
9
|
container-fluidが縦の長さフルサイズにならず、コンテンツの大きさに合わせた長さ
|
|
13
10
|
になり、フッターはcontainer-fluidとは関係なくwrapperの一番下にくる
|
2
誤字修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
|
|
61
61
|
```
|
|
62
62
|
.container-fluid {
|
|
63
|
-
height: 100%;
|
|
63
|
+
min-height: 100%;
|
|
64
64
|
width: 100%;
|
|
65
65
|
padding-right: 15px;
|
|
66
66
|
padding-left: 15px;
|
1
誤字修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
|
|
20
20
|
### 発生している問題・エラーメッセージ
|
|
21
21
|
|
|
22
|
-
①container-fluid
|
|
22
|
+
①container-fluidは、min-height:100%を指定しているのにも
|
|
23
23
|
関わらず、上位のwrapperの大きさではなくコンテンツの大きさに合わせて
|
|
24
24
|
長さが決まってしまうのはなぜでしょうか。
|
|
25
25
|
(そのような仕様でしょうか？)
|