+ -
当前位置:首页 → 问答吧 → 请教滚动条和层之间的问题

请教滚动条和层之间的问题

时间: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)行内容。
这个应该怎么布局最简单?

作者: 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 &quot;content&quot; 的内容</p>
  <p>此处显示 id &quot;content&quot; 的内容</p>
  <p>此处显示 id &quot;content&quot; 的内容</p>
  <p>此处显示 id &quot;content&quot; 的内容</p>
  </div>
</div>
</body>
</html>

试试这个是不是你想要的

作者: aykkk   发布时间: 2011-12-15