jquery动态调整div大小使其宽度始终为浏览器宽度

最新推荐文章于 2021-04-07 07:54:31 发布

luckymaoyy

最新推荐文章于 2021-04-07 07:54:31 发布

阅读量2k

点赞数

分类专栏： jquery 文章标签： jquery

jquery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!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>