2011-09-12 66 views
1

我有一個帶有body標籤的佈局。正文標籤爲CSS寬度爲960px;如何強制div在當前窗口的100%寬度下縮放瀏覽器

我想有一個DIV內的身體標記,我需要這個div是100%的瀏覽器窗口的寬度。

不幸的是,目前我無法得到結果,因爲內部div從身體繼承。

我的問題;即使在body標籤內,如何強制div在當前Browser窗口的100%寬度上縮放?

PS。我試試!對width屬性很重要,但不能正常工作

感謝

+1

您是否有示例代碼? – Dutchie432

回答

5

你在你的情況下不能。代替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; } 
2

我想你的佈局的背景是100%,但你的佈局寬度爲960像素。如果這是你的問題,然後採取1個像素的垂直背景從上到下..

0

使用jQuery來獲取窗口的寬度:$(window).width()和使用jquery的東西,如更新div的寬度:$("#theIDofDiv").css("width", widthVar);

請注意,這不是標準格式,並且代碼沒有經過測試,但在理論上,如果人體沒有overflow:hidden,您應該能夠得到您想要的結果

相關問題