JavaScript页面div大小宽度控制（随浏览器大小自动适应）

最新推荐文章于 2023-04-18 10:39:06 发布

空维YYDS

最新推荐文章于 2023-04-18 10:39:06 发布

阅读量2.1k

点赞数

分类专栏： HTML+JavaScript 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_39263716/article/details/124929653

版权

 function SetWidth(){
	   var bodyWidth = parseInt(document.body.offsetWidth);
	   var body_div=document.getElementById("body_div");
	   var cont_div_right=document.getElementById("content_div_right");
	   if(bodyWidth>600){
		   body_div.style.width=(bodyWidth-20)+"px";
		   body_div.style.margin="auto";
		   body_div.style.border="1px solid pink";
	       cont_div_right.style.width=(bodyWidth-20-300)+"px";
	   }else{
		   body_div.style.width=(600-20)+"px";
		   cont_div_right.style.width=(600-20-300)+"px";
		   }
	   }
	   
  window.onresize=function(){
	   SetWidth();
	  }
  window.onload=function(){
	   SetWidth();
	  }

上面是JavaScript，下面是html