1

ページのサイズを変更しても、フッターは下部に残るはずです。私の場合、ページの高さのサイズを変更すると、フッターがコンテンツに重なってしまいます。

 .body{
    	background: #00b7ea; /* Old browsers */
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:85%;
            height: 100%;
    }

    .container{
     min-height:100%;
     position: relative;
    }
    .formContainer{
    	width:30%;
        height: 100px;
    	background-color:#fff;
    	margin:auto;
            padding-top: 0;
    	border-radius:5px;
    	box-shadow:5px 5px 55px #9999;
    	padding-bottom:60px;
    }
    .footer{
        position:absolute;
    	width:100%;
        bottom:0;
    	height:60px;
    	background-color:#333;
    }
<body class="body">
      	<header class="header">
    	</header>
      	<div class="container">
                    <div class="formContainer">
                    </div>
    		<footer class="footer">
    		</footer>
         </div>
     </body>

4

5 に答える 5

0

私は同じ問題を抱えていました、私はこのコードを使用しました:

<script>
    var top = $(document).height() - $("footer.main-footer").height() ; 
     $("footer.main-footer").css('top' , top);
</script>

.main-footer をフッターのクラスに変更します。

于 2015-01-13T19:06:29.863 に答える