1

この CSS コードを使用しましたが、ページの下部にフッターが表示されません。私を助けてください

div#footer{
width:100%;
color:#fff;
background-color:#333;
text-align:center;
font-family:'B Roya';
position:relative;
clear:both;
}

そして私のhtmlコード：

<div id="footer"> best display in FireFox</div>
4

1 に答える 1

1

これを試して

<html>
<head>
    <style type="text/css">
        * {
            margin: 0;
        }
        html, body {
            height: 100%;
        }
        #wrapper {
            min-height: 100%;
            height: auto !important;
            height: 100%;
            margin: 0 auto -4em;
        }
        #footer{
            height: 4em;
            background: yellow;
        }
    </style>
</head>
<body>
    <div id="wrapper">
        <p>Your website content here.</p>
    </div>
    <div id="footer">
        <p>Copyright (c) 2013</p>
    </div>
</body>

于 2013-07-11T12:35:52.917 に答える