1

私は次の構造を持っています：

<header></header>
<nav></nav>
<section id="mainContainer">
<section id="innerContainer">
</section>
</section>
<footer></footer>

そして次のcss：

html {
    height: 100% !important;
}

body {
    height: 100% !important;
}

body header {
    min-width: 1280px;
    height: 78px;
}

body nav {
    height: 41px;
}

body section#mainContainer {
    height: 100%;
}

body section div#innerContainer {
    height: 100%;
}

body footer {
    height: 48px;
}

主な目標は、スティッキーフッターを作成することです。しかし、このようなcss configは、私のページにスクロールを表示するだけです。私はve already tryed all possible variations of making sticky footers, but all of them gave me the same result. What I間違っています。

4

2 に答える 2

1

あなたはこれらのためにスクロールを得ています

body section#mainContainer {
    height: 100%;
}

body section div#innerContainer {
    height: 100%;
}

また、ヘッダー、ナビゲーション、フッターを追加すると、ページの高さが100％+ 78px + 41px+48pxになります。

スティッキーフッターが必要な場合は、ライアンフェイトのスティッキーフッターを使用してください

于 2012-10-24T14:54:23.177 に答える
0

フッターに固定を使用

body footer {
  position: fixed;     
  right: 0;
  left: 0;  
  bottom: 0;    
}
于 2012-10-24T14:56:47.233 に答える