如何让实现这样的功能?

tarzan 2003-05-15 04:57:13
我自定义了一个CSS的class,
.sstab
{
scrollbar-base-color: #dfeaf4;
background: #ffffff;
POSITION: relative;
top:-3px;
left:15px;
border-right: #dfeaf4 2px solid;
border-top: #dfeaf4 2px solid;
padding-bottom: 10px;
overflow: auto;
border-left: #dfeaf4 2px solid;
width: 98%;
border-bottom: #dfeaf4 2px solid;
height: 300px;
}
<span class="sstab">
<table>
<tr><td>test</td></tr>
</table>
</span>
这样如果<span></span>中的内容过多,就会自动出现滚动条。
但是另一个问题随之而来:
如果在<span>下面加一个按钮:
<table>
<tr>
<td>
<input type="button" value="test">
</td>
</tr>
</table>
如果<span></span>中的内容比较少,滚动条是不会显示的,并且数据的下方有大片空白。这样
按钮和最后一条数据行之间的间隔就很大,看起来就像按钮掉在下面一样。
而如果<span></span>中的内容很多的话,因为按钮是紧靠着<span>的底部的,所以这时按钮
和最后一条数据行之间的间隔就很小了。

有没有办法实现这样的功能:不管数据的多少,按钮和最后一条数据行之间的间隔都固定?
...全文
49 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhanghk 2003-05-16
  • 打赏
  • 举报
回复
use div
katanamaya 2003-05-16
  • 打赏
  • 举报
回复
<span class="sstab">
<table>
<tr><td><p>test</p>
</td></tr>
<tr>
<td>
<input type="button" value="test">
</td>
</tr>
</table>
</span>
katanamaya 2003-05-16
  • 打赏
  • 举报
回复
<table>
<tr><td>test</td></tr>
<tr>
<td>
<input type="button" value="test">
</td>
</tr>
</table>
tarzan 2003-05-16
  • 打赏
  • 举报
回复
可是我这里不能用DIV
fason 2003-05-15
  • 打赏
  • 举报
回复
try:use <div>
tarzan 2003-05-15
  • 打赏
  • 举报
回复
没有用。
fason 2003-05-15
  • 打赏
  • 举报
回复
padding:5

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧