Jquery css中屏幕的辅助宽度和高度属性

如何在css中将宽度和高度值分别指定为屏幕的宽度和高度。我尝试了下面的css，但现在为我工作

.classname
 {
     height:100%;
     width:100%;
 }

编辑

我也使用Jquery代码作为

 $("#PanelGrid").width = $(window).width();

但是不起作用

这是代码

<table style="font-family: calibri; height: 100%;" border="0px" cellpadding="0" cellspacing="0"
    width="100%">

   <tr>
        <td style="font-family: Calibri">
            <div id="PanelGrid" style="overflow:auto;"> </td>
   <tr></table>

---

请帮助。

CSS中的百分比高度是一件有趣的事情。转到此小提琴并尝试执行以下操作：

一,

二,

三,

四,

您应该看到结果：当定位为正常（静态）时，图元的百分比高度实际上是相对于其父图元的高度的。使用绝对定位时，视口（屏幕）充当元素的父元素，并且可以使用预期的百分比高度

---

因此，如果知道元素包含块相对于视口绝对高度的高度，只需相应地调整高度百分比即可。否则，您可能需要使用绝对定位并处理随之而来的副作用。

如果具有class.classname的元素具有父元素，则它将使用父元素100%的高度和宽度，而不是浏览器窗口的高度和宽度

---

尝试使用绝对定位强制。如果您试图使div用尽窗口的全高和全宽，并且即使浏览器大小更改也始终使用全高/全宽，您可以尝试：

.classname {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:0;
}

这将使容器的外部边界紧靠视口的边缘

---

希望能有所帮助。

你说的“屏幕”是指浏览器窗口吗？CSS无法以任何方式返回精确的大小或高度。您需要使用javascript或使用mediaqueries为不同的屏幕大小构建设计。@AurélienGrimpard:使用“$”（“#PanelGrid”）.width=$（window.width（）；”不为我工作。你能解释得更清楚些吗？AJ，你应该发布你的代码（html，css，js），这样我们就可以准确地看到你想要的。处理宽度和高度的方法有很多。@AurélienGrimpard:你能看看代码吗？它不起作用。我正在td中使用宽度为100%的div。什么不起作用？你试了什么？请张贴一些代码或给我一些如何帮助你的想法？

#div1 {
    height: 50%;
    position: absolute;
}​

#div1 {
    height: 100%;
}​

#div1 {
    height: 50%;
}​

.classname {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:0;
}