如何利用JavaScript调整盒子大小使盒子适应浏览器大小

JavaScript031

如何利用JavaScript调整盒子大小使盒子适应浏览器大小,第1张

如果是顶层(父层标签是<body>),也就是不嵌套到其他标签,直接设置style为:position:absoluteleft:50pxright:50px也可以不设置position,设置margin-left:50pxmargin-right:50px或者padding-left:50pxpadding-right:50px如果用javascript,则可以用

window.onresize=function(){

document.getElementById("box").width=(function(){

var x=document.body.clientWidth-100

return x

})()

}参考楼上那位的

1、首先打开CSS软件,并进入工作界面。

2、其次在工作界面创建一个盒子,后在上方的菜单栏中找到功能并点击出现多个选项。

3、然后在出现的选项中依次找到并点击宽、高、实线选项进行设置即可。

个人喜欢用jQuery

$("#hezi").height($("#hezi").width() * 2)  //高度为宽度的2倍

对于宽度变化的情况,可以使用一些事件,在盒子宽度改变时触发这个事件,然后把上面的代码根据你的情况改一下就行(主要还是对ID进行修改,也可以不是ID是CLASS,都可以)