0

私はフッターを適切に表示しようとしており、いくつかのアプローチを組み合わせましたが、それでも同じ結果が得られます。フッターは、ページの上部から一定のピクセル数の位置にあり、ページ全体には及びません。コンテンツのサイズに関係なく、コンテンツのすぐ下に表示し、ページ全体に拡張する必要があります。

CSS:

html, body, #container { height: 100%; }
#container { height: auto !important; min-height: 100%; margin-bottom:-50px;}

#footer {
    width:100%;
    display:block;
    background-color:#4a4a4a;
    color:#fff;
    font-family:'discoregular';
    left:-5%;
    bottom:0;
    top:100%;
    height:100%;
    text-align:center;
    float:left;
    position:relative;
    body:before;
    content:"";
    overflow:auto;
    margin-top:50px;
    padding:10px;
}

#footer, #push{
    height:50px;
}

.clearboth {
clear:both;

}

HTML:

<body><div id="container">
 <!--Content-->
 <div id="push"></div>
   </div>
 <div class="clearboth"></div>
 <div id="footer">Footer Content</div>
4

3 に答える 3

0

cssを以下のように変更します。

#footer {
width:100%;
display:block;
background-color:#4a4a4a;
color:#fff;
font-family:'discoregular';
left:-5%;
bottom:0;
top:100%;
height:100%;
text-decoration: none;
text-align: center;
width: 100%;
position: fixed;
z-index: 1000;
vertical-align: baseline;
bottom: -50px; 
padding:10px;

}

于 2013-08-24T19:04:01.413 に答える
0

この投稿を読んだ後にフッター スタイルに追加したのは、overflow:auto; だけでした。- そしてそれは今ソートされています

于 2014-12-14T21:25:51.863 に答える