Question

这是我的简单网页： -

<html>
    <head>
        <style type="text/css">
            .body{
                max-width:3072px;
                min-width:3072px;
                margin:0px auto;
                background: url('Stripes.png') no-repeat #293231;
                background-attachment:fixed;
                background-position:0% 25%;
            }
            .back{
                z:index:0;

            }

        </style>
    </head>
    <body class="body">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <img src='Main.jpg' class="back"/>
                </td>
                <td>
                    <img src='Page2.jpg'/>
                </td>
                <td>
                    <img src='Page3.jpg'/>
                </td>
            </tr>

            <tr>
                <td>
                    <img src='MiddleLeft.png'/>
                </td>
                <td>
                    <img src='MiddleMiddle.png'/>
                </td>
                <td>
                    <img src='MiddleRight.png'/>
                </td>
            </tr>

            <tr>
                <td>
                    <img src='footer.jpg'/>
                </td>
                <td>
                    <img src='footer.jpg'/>
                </td>
                <td>
                    <img src='footer.jpg'/>
                </td>

            </tr>


        </table>


    </body>
</html>

这里的问题是由于我的大显示器，页脚没有出现在显示器的底部。它出现在中间的某个地方。如何确保页脚仅出现在屏幕底部而不管屏幕大小？

Answer 1

看看：

A Bulletproof Sticky Footer, Woohoo!

关于页脚的一个小CSS问题

1 个答案: