当前位置：首页 → 问答吧 → 当有顶部层同时设定左侧层高度为100%后,滚动条显示不完整,该怎么解决

当有顶部层同时设定左侧层高度为100%后,滚动条显示不完整,该怎么解决

时间：2011-10-29

来源：互联网

如图:滚动条下面的箭头不见了,该怎么解决?
代码如下:
<html>

<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 7</title>
<style type="text/css">
html,body{ overflow:hidden; height:100%; margin:0; padding:0; font:14px/1.8 Georgia, Arial, Simsun;}
</style>
</head>

<body>
<div style="height:50px; background:red; "></div>
<div style="position:absolute;left:0;top:50px; width:100px; height:100%; background:blue; overflow:auto; ">



a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
　</div>
</body>

</html>

作者: ahking 发布时间: 2011-10-29

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
html,body{ overflow:hidden; height:100%; margin:0; padding:0; font:14px/1.8 Georgia, Arial, Simsun;}
</style>
</head>

<body>
<div style="height:8%; background:red; width:100%; "></div>
<div class="test" style="background:blue;overflow:auto;height:92%; width:10%;">
<p>11111</p>
<p></p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>　</div>
</body>
</html>