0

我在 CSS 中执行以下操作时遇到问题（我想避免在页面准备好时使用额外的 javascript）：我有一个 100 行的表格，它的大小比窗口大。我想让表格高度= winodw 高度，这样我就可以在表格上插入滚动条。这样做的原因是我必须在表格周围“导航”div（上下），当你滚动时我希望它是可见的。如果我将容器的高度设置为精确的像素，它会完美工作，但是使用 %，只会在页面上生成带有滚动条的表格。是否可以在没有 javascript 的 CSS 中做到这一点？

所以我当前的表格css：

#mainTable{
    width: 100%;
    height: 100%;
    overflow: auto;
    display: block;
}

height=800px问题是，鉴于窗口为 800 像素，这与我给出的结果不同，因为使用 % 您可以在页面上滚动，而使用 px 您可以在桌面上滚动。

4

2 回答 2

0 
var parameter_one = "http: //one.css";  //your css for table
var parameter_two = "http: //two.css"   //your css w/o table

if (window.height < somevalue) {
    load_me(parameter_one)
} else {
    load_me(parameter_two)
}

function load_me(file) {
    var head = document.getElementsByTagName('head')[0];
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = file;
    link.media = 'all';
    head.appendChild(link);
}
于 2013-08-30T12:38:46.863 回答
0

我不会这样做width: 100%;，因为它有时会超过页面长度，您可以尝试 90%、80% 甚至 70%，或者精确的宽度，或者您可以尝试给出margin: 20px;高度，我会做一个确切的高度height: 200px;可能不是你想要的宽度，但你知道我的意思。

或者

你可以像最后一个人说的那样做 JavaScript。如果 CSS 不起作用，我会建议这样做。只是有一些 CSS 做不到的事情。：/

于 2013-08-30T12:52:04.040 回答