html - ページの下部でフッターを実行します

Question

私はそのようなコードを持っています（すべて） http://jsfiddle.net/NSzdm/

しかし、主な問題は、ページの下部で通常どおりフッターを実行しようとすることですが、次のようなものが表示されます。

単純な中央のラッパーがまだありますが、ラッパーの後にある必要があるフッターもあります...jsfiddleを参照してください。すべてのコードがあります...

フッターcss：

.footer {
  margin: 50px 0 0 0;
  background-color: #3a3a3a;
  background-image: linear-gradient(bottom, #3b3b3b 0%, #424242 100%);
  background-image: -o-linear-gradient(bottom, #3b3b3b 0%, #424242 100%);
  background-image: -moz-linear-gradient(bottom, #3b3b3b 0%, #424242 100%);
  background-image: -webkit-linear-gradient(bottom, #3b3b3b 0%, #424242 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff424242',GradientType=0);
  /* IE6-9 */
  width: 100%;
  height: 144px;
}

Answer 1

.wrapper .center {position：relative}のCSSでposition：absoluteをposition：relativeに変更するだけでよいと思います。

それはあなたのフッターを下に動かすように見えました、それがあなたのページの他の部分に影響を与えるかどうかはわかりません、画像なしで見分けるのは難しいです。