Question

html里面的滚动条代码怎么写啊

Answer 1

        <div id="bar">    
		<span id="topBtn"><i id="top"></i></span>    
		<div id="block-box">    
			<span id="block"></span>    
		</div>    
		<span id="downBtn"><i id="down"></i></span>    
	</div>

CSS样式：有点丑，凑活着看吧：

#bar {position:relative; width:20px; height:380px; float:right; background:#ccc; border-radius:5px; display:none;}    
#topBtn {width:20px; height:20px; position:absolute; border-radius:5px;}    
#top {border:7px dashed transparent; border-bottom:7px solid yellow; position:absolute; top:0px; left:3px;}    
#downBtn {width:20px; height:20px; position:absolute; border-radius:5px; bottom:0px; left:0px}    
#down {border:7px dashed transparent; border-top:7px solid yellow; position:absolute; bottom:0px; left:3px;}    
#block-box {width:20px; height:340px; border-radius:5px; position:absolute; top:20px; left:0px;}    
#block {width:20px; border-radius:5px; position:absolute; background:red; height:0px;}

Answer 2

子元素的高度大于父元素，并且父元素的overflow：scroll

Answer 3

给你要滚动的的标签的父标签加一个overflow:auto;
例如：
<div style="width:140px;height:100px;border:1px solid #ccc;overflow:auto;">
<div style="width:90px;margin:10px auto;">

一段需要滚动的文字………………………………………………

</div>

</div>