需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：
<div style="width: 100pxheight: 100pxoverflow: scroll">测试div内容超出用滚动条的内容</div>
3、浏览器运行index.html页面，此时。
为什么不要js的呢？用js不是很简单吗，又不会产生那么多需要兼容的问题。jquery水平二级导航栏实例a{text-decoration: noneoutline: nonecursor:pointercolor:white}ul{ list-style: none}ul li{float: leftmargin: 0padding:7px 7px 0px 7pxborder-right:1px dotted whiteheight:25pxbackground:tomatofont-size:14pxcolor:whitetext-align:center}li a{display: block}ul li span{display:noneposition: absolutez-index: 1000background: redcolor: #fffmargin-top:10pxpadding: 5px/**设置子栏绝对定位*/width:auto_width:100px/**IE6下无法通过设置为auto来自适应子栏的宽度，所以做了一个折中的设置*/-moz-border-radius-bottomright: 5px/**为子栏增加圆角样式，只能在Chrome和FF下显示良好,IE下无效*/-khtml-border-radius-bottomright: 5px-webkit-border-bottom-right-radius: 5px-moz-border-radius-bottomleft: 5px-khtml-border-radius-bottomleft: 5px-webkit-border-bottom-left-radius: 5px}ul li span a{color:whitedisplay:inline}/**使子栏水平显示*/ul li span a:hover{color:tomatobackground:white}首页项目一 1.1 1.2 1.3 项目二 2.1 2.2 2.3 项目三 3.1 3.2 3.3 帮助$("ul li").hover(function() {$(this).css({ 'background' : 'red'})$(this).find("span").show()//显示子栏} , function() { $(this).css({ 'background' : 'tomato'})$(this).find("span").hide()//隐藏子栏})效果图如下： 一半执行，一半不执行，怎么听都像 代码没有正确关闭吧，或者多写了。我的{意思是}后面的}少写或者多写了由于你提供的代码只是片段，大家都只有猜的份儿
介于你提供的信息，提供两种解决方案吧，你可以尝试一下
一。#header前面(外围)还有更大的DIV容器吧，拿名为#main的最外围的DIV举例吧。你尝试一下#main #header{}这样的写法,而不是直接写header，让它有个爹
二。不用id，用类选择，也就是改成<div class="header">，对应的，CSS中#header改为.header。
对症的话，就简单了。没解决的话，在这儿和大家继续探讨吧，或者百度消息给我，提供更多信息。
