Javascript 根据浏览器调整div宽度

我不熟悉jquery。下面是我的html结构，在内容和网格中有宽度为100%的css。这在IE8中非常有效，在firefox和google chrome中，div的宽度很宽，必须向右滚动

<div id="content">
     <div id="grid">
          <table id="test">
          </table>
     </div>
</div>

css帖子：

#内容{
右边填充：0px；
左侧填充：0px；
垫底：0px；
保证金：3px28px 2px14px；
宽度：100%；
填充顶部：0px；
身高：70%；
}
#网格{
宽度：100%；
/*以下规则用于说明*/
背景颜色：蓝色；
最小高度：100px；
右边填充：0px；
左侧填充：0px；
垫底：0px；
保证金：0px 0px 10px；
填充顶部：0px；
}

对于您正在做的事情，您不应该使用javascript，您可以使用宽度：100%或更好的

宽度：自动

也就是说，如果要使用jquery动态设置宽度（以像素为单位），则需要添加后缀
px

这意味着：

$('content').css({'width':windowWidth+'px' });

我只是不认为这能解决你最初的问题，当你使用
width:100%
或
width:auto

我认为你需要做以下几点：

#content{
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 3px 28px 2px 14px; 
    WIDTH: auto;  /* changed this line */
    PADDING-TOP: 0px; HEIGHT: 70%;
}
#grid {
    width: auto; /* and changed this line aswell */
    background-color: blue;
    min-height: 100px;
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px;  
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 10px; 
    PADDING-TOP: 0px; 
}

使用CSS删除html和正文的填充和边距，如下所示：

html, body {
    margin:0;
    padding:0;
}

或jquery

$("body").css("margin","0")
         .css("padding","0");
$("html").css("margin","0")
         .css("padding","0");

更新
现在您发布了CSS，只需将其更改为以下内容：

#content{
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 3px 28px 2px 14px; 
    WIDTH: auto;  /* changed this line */
    PADDING-TOP: 0px; HEIGHT: 70%;
}
#grid {
    width: auto; /* and changed this line aswell */
    background-color: blue;
    min-height: 100px;
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px;  
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 10px; 
    PADDING-TOP: 0px; 
}

$（“#内容”）
-注意
#
是正确的选择器，但更重要的是，为什么不使用
宽度：100%？默认情况下，div占100%的宽度，因为它们是块级元素。看起来你在设计这个问题。宽度是100%，在ff和chrome中跨越或扩展，但在IE中没有，应该为Browser动态调整大小。我想包括一些CSS，因为我在chrome中没有看到任何问题。根据您所描述的内容，我已经在JSFIDLE中复制了您的标记和CSS，请参见此处：。没有滚动条。@hungerstar当然，我没有和你争论这个。非常好，非常好：）…谢谢