1

几天前我发现了一个类似的问题,从那时起我一直在尝试实施其中一个建议,但没有成功。任何我有一个 ASPx 页面,而不是主页面,它有两个表,一个在另一个之上。我已经按照我想要的方式格式化了顶部。但是,我想让它适合窗口的底部,或者更好的是,显示一个垂直滚动条。

我已经用溢出样式将底部表格包裹在一个div中:auto; 在 CSS 文件中。然后我在页面中使用以下脚本来管理调整大小:

    $(function () {
        $('.tblContent table').css({ 'height': (($(window).height()) - 50) + 'px' });

        $(window).resize(function () {
            $('.tblContent table').css({ 'height': (($(window).height()) - 50) + 'px' });
        });
    });

我的 div 看起来像:

<div class="tblContent">

CSS 文件包含:

.tblContent 
{
    overflow-style: auto;
}
4

2 回答 2

0

我不是 css 大师,但一定要给你的桌子一个特定的高度以导致溢出发生。

.tblContent 
{
    overflow: auto;
    height : 400px;
    display : block;
}

为什么显示:block;?因为我对 css 很烂,几乎所有东西都用它。另外,我使用溢出:自动。我不确定溢出样式是什么,尽管它可能是正确的。

另外,由于我们俩都不擅长 css,所以这里有一个 css 参考链接。

http://www.w3schools.com/cssref/pr_pos_overflow.asp

于 2013-02-28T00:24:10.277 回答
0

对于包含表格的底部 div(假设您希望它占屏幕的 50%。您显然可以调整它。):

overflow:auto;
height:50%;
width:100%;

对于表本身:

width:100%;
于 2013-02-28T00:24:38.553 回答