Question

我有一个带有body标签的布局。正文标记为css宽度为960px;

我想在body标签内部有一个DIV，我需要这个div是浏览器窗口的100％宽度。

不幸的是，目前我无法得到结果，因为内部div从身体继承。

我的问题;即使在body标签内，如何强制div在当前浏览器窗口的100％宽度上缩放？

PS。我尝试！重要的宽度属性，但不起作用

由于

Answer 1

你不能在你的情况下。而不是身体使用包装的width:960px。

<body>
  <div class="wrapper">
    my content goes here
  </div>
  <div>
    my 100% width div goes here
  </div>
</body>

.wrapper { width:960px; margin:0 auto; }

Answer 2

我认为您的布局背景是100％，但您的布局宽度是960px。如果这是你的问题，那么从上到下采取1像素垂直背景..

Answer 3

使用jquery获取窗口的宽度：$(window).width()并使用jquery更新div的宽度，例如：$("#theIDofDiv").css( "width", widthVar );

请注意，这不是标准的，并且格式正确且代码尚未经过测试，但理论上如果正文没有overflow:hidden，您应该能够得到想要的结果

如何强制div在当前Windows浏览器的100％宽度上缩放

3 个答案: