jquery动态调整div大小

最新推荐文章于 2022-07-14 17:07:55 发布

Stonethan

最新推荐文章于 2022-07-14 17:07:55 发布

阅读量1k

点赞数

转自：http://www.jb51.net/article/50737.htm

有时候我们需要设置宽度为整个浏览器宽度的div，当然我们可以使用相对布局的方式做到这一点，不过我们也可以用jquery来实现。

复制代码代码如下:

 
 <!doctype html> 
 
 <html> 
 
 <head> 
 
 <meta charset="utf-8"> 
 
 <title>jquery test</title> 
 
 <script src="jquery-1.11.1.min.js"></script> 
 
 <style type="text/css"> 
 
 .show 
 
 { 
 
 width: 500px; 
 
 height: 50px; 
 
 background-color: red; 
 
 } 
 
 </style> 
 
 </head> 
 
 <body> 
 
 <div class="show"></div> 
 
 <script> 
 
 var browser_width = $(document.body).width(); 
 
 $("div.show").css("width",browser_width); 
 
 $(window).resize(function() { 
 
 browser_width = $(document.body).width(); 
 
 $("div.show").css("width",browser_width); 
 
 }); 
 
 </script> 
 
 </html>