0

http://jsfiddle.net/talmuda3/s9QyR/

footer {
    margin-top: 1em;
    width: 100%;
    height: 20em;
    position: relative;
    bottom: 0;
    left: 0;
}

オフライン Web サイトのレイアウトは扱いにくいものです。コンテンツがフッターにはみ出します。コードの一部は上記の通りです。

フッターが下部にあるようにコンテンツを調整し、コンテンツがフッターと重なることなくサイト全体に広がるようにするにはどうすればよいですか。優しくしてください。Chris Coyier のサイトでヒントを確認しました。誰でも助けることができますか？

4

3 に答える 3

1

top: 12emあなたは宣言で記事を押し下げています。問題を修正する同じプロパティをフッターに与える必要があります: http://jsfiddle.net/s9QyR/1/

于 2013-03-27T12:04:47.413 に答える
0

top:12em; フッターを正しい位置に追加するフッターもプッシュする必要があります。デモ

于 2013-03-27T12:17:01.790 に答える
0

これがあなたが求めているものだと思います-jsFiddle

article {
    margin-top:12em;
    width:80%;
    height:100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em;
    padding: 1em;
    z-index: 2;
    background: transparent;
    overflow: visible;
}

footer {
    margin-top: 1em;
    width: 100%;
    height: 20em;
}

配置を変更すると、要素の自然な流れが壊れたようです。

すべてを下に配置する必要がないように、この方法を試してみてください。

于 2013-03-27T14:56:07.940 に答える