jquery動態調整div大小使其寬度始終為瀏覽器寬度_jquery

有時候我們需要設定寬度為整個瀏覽器寬度的div，當然我們可以使用相對佈局的方式做到這一點，不過我們也可以用jquery來實現。

複製程式碼 程式碼如下:

<script> <BR>var browser_width = $(document.body).width(); <BR>$("div.show").css("width",browser_width); <BR>$(window).resize(function() { <BR>browser_width = $(document.body).width(); <BR>$("div.show").css("width",browser_width); <BR>}); <BR></script>
我們使用$(document.body).width()來取得瀏覽器內容的寬度，在載入頁面的時候我們初始化該div的寬度為瀏覽器頁面的寬度，然後每當瀏覽器大小調整的時候，都會觸發resize函數，此時我們再次對該div的寬度進行調整。