klaus9527
小狐狸
小狐狸
  • UID5132
  • 注册日期2005-04-15
  • 最后登录2005-06-05
  • 发帖数17
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:9008回复:7

div/table 里能否有滚动条?

楼主#
更多 发布于:2005-06-03 15:34
如果可以的话,我就可以完全放弃 iframe 和 frame 了
例如下面的例子,无论有多少行,我希望 table 的大小固定,超过的部分用滚动条浏览,能否?

<table>
  <thead>
    <th>A</th>
    <th>B</th>
    <th>C</th>
  </thead>
  <tbody>
    <tr>
      <td>a</td>
      <td>b</td>
      <td>c</td>
    </tr>
    <tr>
      <td>a</td>
      <td>b</td>
      <td>c</td>
    </tr>
    <tr>
      <td>a</td>
      <td>b</td>
      <td>c</td>
    </tr>
  </tbody>
</table>
fiag
管理员
管理员
  • UID1188
  • 注册日期2004-12-21
  • 最后登录2024-04-22
  • 发帖数4681
  • 经验686枚
  • 威望0点
  • 贡献值402点
  • 好评度51点
1楼#
发布于:2005-06-03 15:34
知道CSS里面有个overflow属性,好像是用来干这个的
softcup
小狐狸
小狐狸
  • UID5015
  • 注册日期2005-04-12
  • 最后登录2006-06-01
  • 发帖数6
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2005-06-03 15:34
<div style="width: 100px; overflow: auto;">
<table> ... </table>
</div>


overflow: auto | hidden | scroll;
jhsea3do
小狐狸
小狐狸
  • UID5719
  • 注册日期2005-05-05
  • 最后登录2006-01-18
  • 发帖数45
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
3楼#
发布于:2005-06-03 15:34
<style type="text/css"  media="all">
div#mytab {
  width: 400px;
  height: 600px;
  overflow: scroll;
}
table#mydiv {
  width: 600px;
  height: 800px;
}
</style>

<div id="mydiv">
  <table id="mytab" summary="fatTab">
   ...
  </table>
</div>
关注WebStandard,关心那些不使用IE的弱势群体!
klaus9527
小狐狸
小狐狸
  • UID5132
  • 注册日期2005-04-15
  • 最后登录2005-06-05
  • 发帖数17
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
4楼#
发布于:2005-06-03 15:34
谢谢各位帮忙,已经搞定了
谢谢各位帮忙,已经搞定了
7301336
小狐狸
小狐狸
  • UID7746
  • 注册日期2005-08-03
  • 最后登录2005-08-03
  • 发帖数1
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
5楼#
发布于:2005-06-03 15:34
我的为什么在FF下面浏览老师变形,不出现滚动条,文字全部超出来
我的为什么在FF下面浏览老师变形,不出现滚动条,文字全部超出来,谢谢哪位大虾给解决一下

具体请看:http://www.wumenxy.com/blog
xqstation
小狐狸
小狐狸
  • UID7934
  • 注册日期2005-08-11
  • 最后登录2005-10-17
  • 发帖数35
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
6楼#
发布于:2005-06-03 15:34
似乎FF不支持x-scroll
old9
小狐狸
小狐狸
  • UID3405
  • 注册日期2005-02-27
  • 最后登录2006-03-03
  • 发帖数5
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
7楼#
发布于:2005-06-03 15:34
只可惜ie的table之间不能scroll,要不然可以实现表格头尾不动,中间部分滚动的效果...
游客

返回顶部