Html 滚动条在我的页面中突然不起作用

这是我从头开始建设的网站。突然，浏览器滚动条一度消失。如何修复它？？

---

使用（ctrl+（+））或（ctrl+（-）放大或缩小网站。

这是一种非常错误的提问方式。

---

但是，我在你的网站上安装了Firebug，发现每个东西都有固定的位置，这就是你没有滚动条的原因。使用

relative

position

不要在任何事情上使用

position:fixed

。它将它们从文档流中删除。如果需要，请使用顶部蓝色横幅的

position:fixed

。但对于其余部分，请将其移除。这将把它设置为

position:static

（默认值），这将解决滚动问题您遇到的问题是，您有很多东西是position:fixed

如果你是从头开始做这件事。。。我建议你重新开始。我在3分钟内构建了JSFIDLE。这就是你现在建立这样一个网站的方式。这也是第一次启动手机。。。因此，有一些媒体查询和响应滑块，你应该有一个更坚实的基础。我希望这是有帮助的。固定定位将内容从流中拉出，然后浏览器看不到内容的“长度”，因此不需要滚动。当你使用dream weaver或其他什么的时候？如果是的话，我可以看到这是怎么发生的。您可能还应该使用HTML5文档类型。深呼吸，重新思考这个问题

HTML

---

查看它是因为您正在使用

fixed

来拥有您的元素，而您可以使用更好的div位置实现相同的布局。

-1

查找缺少的代码。'position:absolute'也不会有帮助，因为它还会从文档流中删除元素。我听说HTML 5在所有浏览器上都不起作用。虽然我正在设计我的公文包，但我希望它能在所有浏览器上运行。所以我使用HTML4HTML5不仅仅是一回事。这是一堆东西。当人们这么说的时候，他们的意思是你不能使用数据存储或者html5的这个或那个花哨的部分。确保网站在所有浏览器上运行的一个简单方法是使用html5，不要使用任何花哨的东西。使用而不是-你会没事的。想想未来。你正在为下一个4年而不是4年前建立一个网站。如果你的网站是一个设计组合，我建议你保持它的最新，因为我不会相信任何人有过时的代码。此外，我们强烈建议用类替换你的id，并将你的id纯粹保存为javascript挂钩和特殊场合。不管怎样，4个人回答了你的问题。您的网站不会滚动，因为您不清楚box模型是如何工作的。请查看此解释-----然后继续，并将其中一个答案标记为正确。玩得高兴祝你好运非常感谢你，伙计。花在阅读你的答案上真是一段美好的时光。我会很快把我的网站改成HTML5。

<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 -->

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;
}