html - 页面即使没有内容也有滚动

标签 html css

我有一个简单的 HTML 模板和一个相关的 CSS

我在页面上默认滚动,即使它没有内容。

而不是发布代码片段,Here我正在链接它的 JsFIDDLE

最佳答案

这是因为你给body,html赋予了高度。

尝试删除它,它将解决您的问题。

这是更新后的 fiddle :

http://jsfiddle.net/aFvzL/1/

html {
}
body {
    background:#fff;

    margin-top:20px;
}

此外,如果您希望容器获得特定的最小高度或设备高度,请尝试使用 js 进行分配。您的设备高度是 $(window).height()。您可以使用它做其他子/添加并通过 $('#containerid').height(calculatedHeight); 设置容器高度;

关于html - 页面即使没有内容也有滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24114115/

相关文章:

php - 如何使用 PHP 变量在 CSS 中制作条形图?

javascript - HTML 中 AngularJs 脚本的日期问题

jquery 复选框(如果其他人选中,则选中/取消选中)

javascript - addClass ('x' ) 总是返回 false...?

javascript - 如何在htmlpy中链接css和js

html - 如何使一个 html 页面淡出而另一个淡入?

html - 垂直对齐 :middle property is ignored inside a div

html - 浏览器什么时候在内联元素中渲染空格?

javascript - 检测浏览器大小并为每个分辨率应用 css

html - 使用鼠标的 CSS 滚动捕捉在 Safari 中不起作用,但在 Firefox 和 Chrome 中起作用