Question

我几天前发现了一个类似的问题，从那时起我就一直试图实施其中一条建议而没有成功。任何我有一个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;
}

Answer 1

我不是css的主人，但请确保给你的桌子一个特定的高度以引起溢出。

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

为什么显示：阻止;？因为我吮吸css而且几乎所有东西都使用它。另外，我使用overflow：auto。我不确定溢出式是什么，虽然它可能是正确的。

另外，既然我们都在css上很糟糕，这里有一个css参考链接。

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

Answer 2

表示包含表格的底部div（假设你想要它作为屏幕的50％。你可以明显地调整它。）：

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

表格本身：

width:100%;

在窗口调整大小上调整html元素的大小

2 个答案: