-1

レスポンシブデザインを作ろうとしていますが、サイズを変更すると乱雑になります..私のcssコードは15行目までで、もう1つはメニューcssです。コードはここをクリック

したがって、私のコードは次のとおりです。

html,body {
    margin: 0;
    height:100%;
}

main {
    margin:0;
    height: 85%;
}

body > footer {
    overflow: hidden;
    text-align:center;
    background-color:#dedede
}
4

1 に答える 1

1

jsFiddle は次のとおりです: http://jsfiddle.net/shaansingh/kac8p/6/。フッター コードを少しクリーンアップしました (ただし、そのままにしておくこともできます)。フッターをクラスにして、 でラップしました<div>。次に、フッターの上部に余白を付けました。これにより、サイズ変更時にフッターが「台無し」にならないようになります。フルサイズのフィドルを見て、ブラウザーのサイズを変更して結果を確認してください: http://jsfiddle.net/shaansingh/kac8p/6/embedded/result/

編集：あなたが望むものに対する解決策があります。このフィドルは、ブラウザのスクロールの下、画面の一番下にフッターを表示します。この CSS には、幅、高さ、クリアなどを使用しました。http://jsfiddle.net/shaansingh/kac8p/13/embedded/result/

于 2013-07-19T23:34:43.287 に答える