我正在写一个页面,由一个固定大小的内容组成。这就是为什么有一个滚动条(正常行为)。在滚动条之后,我想创建一个元素,这将允许更改其宽度(使可调整大小)。不幸的是,这个元素(“调整大小”)没有显示。为什么要隐藏?这是示例的链接 - http://jsfiddle.net/ZYBHN/。
<html>
<head>
<style type="text/css">
#wrapper {
float: left;
height: 200px;
position:relative;
overflow: hidden;
padding-bottom: 1px;
padding-right: 1px;
width: 500px;
z-index: 200;
}
#resizer
{
border:1px solid red;
cursor: e-resize;
height: 100%;
position: absolute;
right: -10px;
top: 0;
width: 10px;
z-index: 1000;
}
#content
{
width:100%;
height:100%;
overflow:auto;
position:relative;
}
</style>
</head>
<body>
<div id="wrapper" >
<div id="content">
.....Lots of text here....
</div>
<div id="resizer"></div>
</div>
</body>
</html>