-4

这是我从头开始构建的网站。突然间浏览器滚动条消失了。怎么解决？？ 我的网站

使用 (ctrl + (+)) 或 (ctrl + (-)) 放大或缩小网站。

4

3 回答 3

2

您遇到的问题是您有很多位置：固定；

如果您是从头开始执行此操作...我建议您重新开始。我在 3 分钟内用 jsfiddle构建了这个。这就是您现在如何构建这样的网站。这也是首先从移动设备开始的......所以有了一些媒体查询和响应式滑块，你应该有一个更坚实的基础。我希望它会有所帮助。固定定位将内容拉出流，然后浏览器看不到它有多“长”，因此无需滚动。当你使用 Dream weaver 之类的？如果是这样，我可以看到这是如何发生的。您可能也应该使用 html 5 文档类型。深吸一口气，重新思考这一点。

HTML

<header class="global-header">
    <div class="inner-w">
        HEADER
    </div> <!-- .inner-w -->
</header>

<section class="main-content">
    <div class="inner-w">

        <div class="block">block</div>

        <div class="block">block</div>

        <div class="block">block</div>

    </div> <!-- .inner-w -->
</section> <!-- .main-content -->

CSS

html, body {
    margin: 0;
    padding: 0;
}

.global-header {
    width: 100%;
    float left;
    min-height: 150px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: lightblue;
}

.main-content {
    width: 100%;
    float: left;
}

.inner-w {
    margin: 0 auto;
    max-width: 900px;
}

.block {
    width: 100%;
    float: left;
    background-color: #f06;
    min-height: 200px;
    margin-bottom: 20px;
}
于 2013-05-31T18:38:35.163 回答
1

不要用position: fixed在所有东西上。它将它们从文档流中取出。如果position: fixed需要，可用于顶部蓝色横幅。但是为了休息，将其删除。这会将其设置为position: static（默认），这将解决滚动问题

于 2013-05-31T18:31:16.503 回答
0

这是发布问题的极其错误的方式。但是，我对您的网站进行了萤火虫攻击，发现每件事都有fixed position，这就是您没有滚动条的原因。使用relative位置

于 2013-05-31T18:30:44.717 回答