我有一個帶有body標籤的佈局。正文標籤爲CSS寬度爲960px;如何強制div在當前窗口的100%寬度下縮放瀏覽器
我想有一個DIV內的身體標記,我需要這個div是100%的瀏覽器窗口的寬度。
不幸的是,目前我無法得到結果,因爲內部div從身體繼承。
我的問題;即使在body標籤內,如何強制div在當前Browser窗口的100%寬度上縮放?
PS。我試試!對width屬性很重要,但不能正常工作
感謝
我有一個帶有body標籤的佈局。正文標籤爲CSS寬度爲960px;如何強制div在當前窗口的100%寬度下縮放瀏覽器
我想有一個DIV內的身體標記,我需要這個div是100%的瀏覽器窗口的寬度。
不幸的是,目前我無法得到結果,因爲內部div從身體繼承。
我的問題;即使在body標籤內,如何強制div在當前Browser窗口的100%寬度上縮放?
PS。我試試!對width屬性很重要,但不能正常工作
感謝
你在你的情況下不能。代替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; }
我想你的佈局的背景是100%,但你的佈局寬度爲960像素。如果這是你的問題,然後採取1個像素的垂直背景從上到下..
使用jQuery來獲取窗口的寬度:$(window).width()
和使用jquery的東西,如更新div的寬度:$("#theIDofDiv").css("width", widthVar);
請注意,這不是標準格式,並且代碼沒有經過測試,但在理論上,如果人體沒有overflow:hidden
,您應該能夠得到您想要的結果
您是否有示例代碼? – Dutchie432