请教滚动条和层之间的问题
时间:2011-12-15
来源:互联网
最近做一个管理系统的项目,想把前台的布局做的精简一点,有一个自定义的数据表控件(GridView)
布局的时候怎么都解决不掉标题层随横向滚动条移动而不随竖向滚动条移动。
求高手出马相救。最好能写出简单的代码实例。感激不尽。。
布局的时候怎么都解决不掉标题层随横向滚动条移动而不随竖向滚动条移动。
求高手出马相救。最好能写出简单的代码实例。感激不尽。。
作者: luolongquan 发布时间: 2011-12-15

作者: TERMINATOR_LZQ 发布时间: 2011-12-15
没有表达清楚么。
想帖图片的。不知道在哪里可以上传图片。。
先这样表达一下吧
-------------------------------------
编号 姓名 地址
-------------------------------------
1 A ADD |竖
2 A ADD |滚
3 A ADD |动
4 A ADD |条
-------------------------------------
横滚动条
横滚动条可以移动(编号、姓名、地址)标题+(1、2、3、4)行内容。
但是竖滚动条只能移动(1、2、3、4)行内容。
这个应该怎么布局最简单?
想帖图片的。不知道在哪里可以上传图片。。
先这样表达一下吧
-------------------------------------
编号 姓名 地址
-------------------------------------
1 A ADD |竖
2 A ADD |滚
3 A ADD |动
4 A ADD |条
-------------------------------------
横滚动条
横滚动条可以移动(编号、姓名、地址)标题+(1、2、3、4)行内容。
但是竖滚动条只能移动(1、2、3、4)行内容。
这个应该怎么布局最简单?
作者: luolongquan 发布时间: 2011-12-15
<!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=gb2312" />
<title>lightbox</title>
<style type="text/css">
<!--
#box{ width:300px; overflow-x:auto; overflow-y:hidden; padding:5px;}
#title{ width:600px;height:30px; margin-bottom:5px; background:#0FF}
#content{ widows:300px; height:100px; overflow-y:auto; overflow-x:hidden; background:#0F3}
-->
</style>
</head>
<body>
<div id="box">
<div id="title">此处显示 id "title" 的内容</div>
<div id="content">
<p>此处显示 id "content" 的内容</p>
<p>此处显示 id "content" 的内容</p>
<p>此处显示 id "content" 的内容</p>
<p>此处显示 id "content" 的内容</p>
<p>此处显示 id "content" 的内容</p>
</div>
</div>
</body>
</html>
试试这个是不是你想要的
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>lightbox</title>
<style type="text/css">
<!--
#box{ width:300px; overflow-x:auto; overflow-y:hidden; padding:5px;}
#title{ width:600px;height:30px; margin-bottom:5px; background:#0FF}
#content{ widows:300px; height:100px; overflow-y:auto; overflow-x:hidden; background:#0F3}
-->
</style>
</head>
<body>
<div id="box">
<div id="title">此处显示 id "title" 的内容</div>
<div id="content">
<p>此处显示 id "content" 的内容</p>
<p>此处显示 id "content" 的内容</p>
<p>此处显示 id "content" 的内容</p>
<p>此处显示 id "content" 的内容</p>
<p>此处显示 id "content" 的内容</p>
</div>
</div>
</body>
</html>
试试这个是不是你想要的
作者: aykkk 发布时间: 2011-12-15
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28