html - 无意滚动的页面能力

标签 html css

这是一个非常奇怪的错误,但是当您加载我的页面时,它可以无意识地滚动。您看不到滚动条,但它可以。我过去遇到过这方面的问题。

html{background-color: rgb(255, 255, 240); max-width: 100%; max-height: 100%; height: 100%; width: 100%;}
body{margin: 0px;}
div#head{display: block; width: 100%; height: 53px; background-color: rgb(0, 0, 0); border-radius: 0px;}
div#head > div#icon_logo{display: inline-block; width: 60px; height: 60px; background-image: url("../../Type/Media/Logo_Icon.jpg"); background-size: contain; background-position: center; background-repeat: no-repeat;}
<!DOCTYPE HTML>
<HTML LANG="EN-US">

<head>
    <meta charset="UTF-8" />
    <meta name="description" content="A website for Ty Q." />
    <title>TyPrograms</title>
    <link rel="stylesheet" href="Type/Stylesheet/stylesheet_HOME.css" type="text/css" />
    <link rel="icon" href="Type/Media/Favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="Type/Media/Favicon.ico" type="image/x-icon" />
</head>

<body>
    <div id="head"><div id="icon_logo"></div></div>
</body>

<script type="text/javascript" src="CDN/Type/Script/minified/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="CDN/Type/Script/minified/waypoint-1.6.2.min.js"></script>
<script type="text/javascript" src="CDN/Type/Script/minified/angular-1.5.5.min.js"></script>
<script type="text/javascript" src="Type/Script/javascript_HOME.js"></script>

</HTML>
老实说,我不知道我做错了什么,也许是标题的宽度属性中的 100%,我不知道。

最佳答案

我用你的代码设置了一个 fiddle ,没​​有发现任何问题。 然而,如果你不想让你的页面滚动,你可以在你的 css 中设置 overflow:hidden;

关于html - 无意滚动的页面能力,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37472214/

相关文章:

html - 是否可以在 Google Chrome 中使 HTML <body> 透明?

javascript - 如何在我的代码编辑器应用程序中将颜色应用于保留字

html - 使用 CSS 在导航栏中显示边框三 Angular 形

html - 如何同时使用 css-modules 和 bootstrap?

html - 如何修复页脚以随着网格部分的高度的增加而动态变化?

PHP 替换 HTML 标签中的 CSS

css - 垂直居中图像

javascript - 使用 clientHeight/clientWidth 的差异使高度等于宽度

javascript - 如何使用 JavaScript 获取计算机中连接的摄像机列表?

html - 处理多个堆叠井的 Bootstrap 方法