如何強制div縮放為當前Windows瀏覽器的100％寬度

Question

我有一個帶有body標簽的布局。 正文標記為960px的CSS寬度；

我想在body標簽內添加DIV，並且我需要將此div設置為瀏覽器窗口寬度的100％。

不幸的是，由於內部div繼承自主體，因此目前無法獲得結果。

我的問題; 即使在body標簽內，如何強制div縮放為當前瀏覽器窗口的100％寬度？

PS。 我在寬度屬性上嘗試！important但不起作用

謝謝

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 個解決方案

解決方案1
5 已采納 2011-09-12 10:25:51

解決方案2
2 2011-09-12 10:40:16

解決方案3
0 2011-09-12 10:43:29

如何強制div縮放為當前Windows瀏覽器的100％寬度

問題描述

3 個解決方案

解決方案1 5 已采納 2011-09-12 10:25:51

解決方案2 2 2011-09-12 10:40:16

解決方案3 0 2011-09-12 10:43:29

解決方案1
5 已采納 2011-09-12 10:25:51

解決方案2
2 2011-09-12 10:40:16

解決方案3
0 2011-09-12 10:43:29