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

JavaScript07

如何利用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

})()

}参考楼上那位的

个人喜欢用jQuery

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

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