Question

我写了一个如here所示的网站代码是：

<div id="mainDiv" class="container">
        <div id="header">
            <div class="plc">
                <h1><a href="#"></a></h1>
                <nav>
                    <div id="navPos">
                        <div style="position: relative;right: 113px;">Register</div>
                        <div style="position: absolute;right: 255px;top: 37px;">Login</div>
                        <div style="position: absolute;top: 38px;right: 123px;">Market</div>    
                    </div>
                </nav>
            </div>
        </div>
        <div id="body" class="container-fluid">
            <div id="container">
                <div id="overlay"></div>
                <div id="menu"></div>
                <div id="formPos"></div>
                <div id="or">OR</div>
                <div id="fbReg">
                    <img src="images/fbOne.png" id="fbIcon">
                    <div id="fbPos">Register with Facebook</div>
                </div>
                <div id="gReg">
                    <img src="images/gPlus.jpg" id="gIcon">
                    <div id="gPos">Register with Google</div>
                </div>
                <div id="cliPos">
                    <img src="images/Bistip-in-media.png" id="imgCli">
                </div>
            </div>
        </div>
        <div id="footer">
            hello
        </div>
    </div>

CSS可以在那个jsfiddle中找到。问题是：只有body可滚动，但页眉和页脚不可滚动。结果，我看不到页脚。我该如何解决？为获得最佳效果，请展开jsfiddle

的输出窗口

Answer 1

任何时候你找不到滚动，是因为有overflow:hidden;属性，应删除或更改为'auto'

在你的案例中：

1）删除overflow:hidden;或overflow:auto; 2）如果你不想在你的内容中滚动（即不包括页眉和页脚的部分）

DEMO

<强> CSS

html,body
{
  overflow:auto; /* Or just REMOVE overflow*/
}


#body
{
  overflow:auto; /* Or just REMOVE overflow*/]
}

在网页中没有正确的滚动

1 个答案: