www.1862.net > js设置Div的宽度和高度

js设置Div的宽度和高度

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> <style> #div { width: 100px; height: 50px; border: 1px solid red; color: green; text-align: center; } input { width: 250px; } </style> <script> function test() { var a

最简单的写法是jquery来设置css,代码如下$('embed').height(window.width() * 0.7);

可以不用js来实现的用定位布局就可以的先是左右布局,然后右边的上边这块固定高度下边的这块就可以用绝对定位top,left,right,bottom四个属性都设置了,bottom设置为0这样就高度自动填充剩余的空间,调整浏览器也会自动调整大小的

javascript获取div的class中设置的宽高度:<br>高度(offsetHeight):<br><head><title>用js获取div的高度</title></head><br><style type="text/css"><br>#box{border:1px solid #ff0000;width:200px; }<br></style><br><script language="javascript

document.getElementById("as").style.height=document.getElementById("as").style.width/16*9

给div设置一个id或者class:html部分:<div id="mydiv"></div> js部分:<script>//获取mydiv var mydiv=document.getElementById("mydiv");//获取#mydiv的高度 var divheight=mydiv.style.height; //设置mydiv行高 mydiv.style.lineHeight=divheight;</script>

让你的div靠右浮动,然后逐渐增加宽度,看起来的效果不就是向左逐渐增加宽度?

设置25%后获取宽度值 var div = document.getElementById("div"); var widht = div.offsetWidth; //宽度 var height = widht * 0.75;//高度值 把高度给div即可

不用JS!!!如果你宽度是30%的话.odiv{width:30%;padding-bottom:30%;heigth:0;}把div的内下边距 padding-bottom 设为和高度一样的百分比div就成正方形了,并且自适应相关参考网站:c哩动画

用js来控制 在body 里加onload.想好要的比例 写个js 函数 在面页加载的时候计算出中间div的宽度 就好了.话说 中间那个div自动宽度,要是这个div了还有其他布局那就麻烦了. 可能在宽度不够的时候就面目全非 了

网站地图

All rights reserved Powered by www.1862.net

copyright ©right 2010-2021。
www.1862.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com