div模拟滚动条当div宽度小于18时滚动条不滚动
(编辑：jimmy 日期: 2024/11/17 浏览：3 次 )
IE浏览器，div模拟滚动条，div宽度小于18 滚动条不滚动
环境 win7 IE 10
代码：
复制代码代码如下:
<!DOCTYPE html>
<html>
<head>
<title>scroll</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<div style="border:1px solid red; width: 18px;height: 200px;overflow-y:auto ;">
<div style="width:1px;height:600px;"></div>
</div>
<div style="border:1px solid red; width: 17px;height: 200px;overflow-y:auto ;">
<div style="width:1px;height:600px;"></div>
</div>
</body>
</html>
IE10浏览器运行在 IE7,8,9,10模式下，测试用div模拟滚动条时，如果div宽度小于18px时，单击滚动条有问题，滚动条不能正常滚动。
环境 win7 IE 10
代码：
复制代码代码如下:
<!DOCTYPE html>
<html>
<head>
<title>scroll</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<div style="border:1px solid red; width: 18px;height: 200px;overflow-y:auto ;">
<div style="width:1px;height:600px;"></div>
</div>
<div style="border:1px solid red; width: 17px;height: 200px;overflow-y:auto ;">
<div style="width:1px;height:600px;"></div>
</div>
</body>
</html>
IE10浏览器运行在 IE7,8,9,10模式下，测试用div模拟滚动条时，如果div宽度小于18px时，单击滚动条有问题，滚动条不能正常滚动。
下一篇：div css 实现tabs标签的思路及示例代码