html – 滚动条在浏览器中丢失

概述我正在使用以下代码( HTML和CSS),并且通过使用代码,您无法通过鼠标滚动或在浏览器中向上或向下滚动页面(右侧的滚动条不存在) HTML： <div id="head"> <div id="logo"> <a href="#"></a> </div> <form style="display:inline;"> <input style="margin-top 我正在使用以下代码( HTML和CSS),并且通过使用代码,您无法通过鼠标滚动或在浏览器中向上或向下滚动页面(右侧的滚动条不存在)

HTML：

<div ID="head">   <div ID="logo">    <a href="#"></a>   </div>   <form >    <input   type="text"/>   </form> <ul>  <li>   <a href="#" title="Search">Searh</a>   <li>  <li>   <a href="#" title="FAQ">FAQ</a>   </li>  <li>   <a href="#" title="links">links</a>   </li>  <li>   <a href="#" title="Legal">Legal</a>   </li> </ul> </div>

CSS：

HTML { height:100%; /* fix height to 100% for IE */ max-height:100%; /* fix height for other browsers */ padding:0; /*remove padding */ margin:0; /* remove margins */ border:0; /* remove borders */ background:#fff; /*color background - only works in IE */ /* hIDe overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /*get rID of scroll bars in IE */ /* */}body { height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;    Font: 13px/1.5 Helvetica Neue,Arial,Helvetica,'liberation Sans',FreeSans,sans-serif;}#content { display:block; height:100%; max-height:100%; overflow:auto; padding-left:100px; position:relative; z-index:3; word-wrap:break-word; top:45px;}#head { position:absolute; margin:0; top:0; display:block; wIDth:100%; height:40px;    -moz-Box-shadow: 0 1px 2px rgba(0,0.5); background:#333333;    background: -moz-linear-gradIEnt(center top,#333333,#111111) repeat scroll 0 0 transparent;}#logo a {    background: url("twitter_logo_right.png") no-repeat scroll 20px 9px transparent;    color: #FFFFFF;    display: block;    height: 40px;    margin-right: 5px;    outline: medium none;    text-indent: -9999px;    wIDth: 140px; float:left;}.searchBox{    -moz-border-radius: 4px 4px 4px 4px;    -moz-Box-shadow: 0 1px 0 #444444;    background: none repeat scroll 0 0 #666666;    border: 1px solID black;    color: #CCCCCC;    Font: 13px Arial,sans-serif;    padding: 6px 25px 4px 6px;    wIDth: 215px; float:left;}.searchBox:focus {    background: none repeat scroll 0 0 #eeeeee;    border: 1px solID #999999;}#head ul {  margin:0;  padding:0;  background:transparent;  height:100%;  margin-left:60px;  padding-left:60px;  padding-top:10px;}#head ul li {  display:inline;}#head ul li a { padding-left:20px;  color:#BABABA; text-decoration:none;}#head ul li a:hover { color:#FFFFFF;  }table tr td{height:100px; wIDth:300px; -moz-border-radius:12px; background-color:#C6C6C6; margin:botton:30px;}table tr td a{color: #007B9F; Font-size:1.5em; text-decoration:none;}

如果您能够提供帮助,请使用代码示例如何修复它请:)

编辑：示例/代码编辑器= http://jsfiddle.net/BctHr/

解决方法 还因为你没有内容div 总结

以上是内存溢出为你收集整理的html – 滚动条在浏览器中丢失全部内容，希望文章能够帮你解决html – 滚动条在浏览器中丢失所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。