2

これは私が抱えている問題です:

http://i.imgur.com/KvgT3bA.png (担当者がいないため直接投稿できません)

このページの大量の単語でラッパー (全体的な境界線) を拡張することができましたが、フッターがすべておかしくなりました。

これが私のHTMLとCSSの要約版です：

http://pastebin.com/rb7ftatN (担当者がいないため、どちらも 1 つのリンクにあります)

みんな助けてください。私は HTML / CSS の初心者で、完璧主義者なので、うまくいかないときはとても神経質になります。

どうもありがとう！

4

3 に答える 3

2

フッターをテキストの下に配置する場合は、clear: both;

あなたの場合：

footer {
    /* THIS IS THE MISPLACED FOOTER */
    width: 980px;
    height: 40px;
    /* Other Rules*/

    clear: both;

}

これがそれを示すフィドルです。

于 2013-09-07T01:27:26.767 に答える
1

次のように、インラインブロックだけでできると思います

footer {
    display: inline-block;
    width: 980px;
    height: 40px;
    margin-top: 44px;
    position: relative;
    right: 2px;
    border: 2px solid;
    border-color: #000000;
}
于 2013-09-07T01:24:13.017 に答える