2

指示に従って、ウェブページにスティッキーフッターを設定できます

http://css-tricks.com/snippets/css/sticky-footer/

提案min-height:100%して高さが設定されていない

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -142px; 
}

ただし、ページの 1 つで、height:100% in子の高さを調整するために .page-wrap を設定する必要があります。height:100% を設定した後、スティッキー フッターが機能せず、ページの中央に表示されます。

.page-wrap で高さを 100% に設定してスティッキー フッターを機能させる方法はありますか??

4

2 に答える 2

1

クラスheight:100%から要素を削除container-fluid

.container-fluid {
 position: relative;
 min-height: 100%;
 /*height: 100%;*/ /*Remove the height and it will work fine*/
 width: 100%;
 border: 1px solid green;
}

デモはこちら

于 2013-09-09T12:07:22.740 に答える
1
   .container-fluid 
   {
    position:relative;
    min-height: 100%;
    width:100%;
    border:1px solid green;
   }

これにより、ページの下部にフッターが配置されます。これはうまくいきます。

于 2013-09-09T12:12:05.507 に答える