js怎么设置div的高度，js改变div高度

JS控制鼠标滚轮滚到底部自动增加div高度

1、在div元素上添加监听事件，当mouseenter事件发生时，然后通过js或者使用jquery插件来获取div的样式，然后修改，比如$(你的元素id).css(height，120%)，宽度同理；然后离开的时候同样出发mouseleave或者mouseout，具体哪个忘了。总之大致的思路就是这样。

2、修改div高度，可以直接给div的width赋值即可。

3、首先需要新建一个HTML文档，这里设立一下基本的架构。再新建一个CSS文件，用link关联一下HTML文档。创建DIV标签，并且往里面填充内容。先设定一下滚动条内框的大小。用border先来查看是否有超出，这里可以看出超出了很多内容。

4、理论上有实现办法，可以试一下 hover时用amimation执行一次css方法@keyframes name。css name方法中用transform动画执行你想要效果。鼠标离开时用同样的逻辑执行另一个方法将样式再还原回去。

5、使用JS吧，在window.onresize中进行高度调整。

6、p这里已经自适应到底部/p p我是底部/p /body /html 注：IE6不支持，如想完美解决，请使用js动态获取页面高度，然后赋值给nav那个层。

相关问答

Q1: js如何设置div的宽高?

修改div高度，可以直接给div的width赋值即可。

js里面提供了很多的方法，可以计算DIV的高度，以及也可以给DIV直接复制。

#063；}/style /head body div class=content/div ！--viewport：可视窗口，也就是浏览器。

或fixed。var chg_width=每次改变的宽带；div.style.left=div.style.left-chg_width/2；div.style.width=div.style.width+chg_width；这个方法如果一次改变宽度比较多的话看起来向两边同时宽展可能效果并不平滑，要想精确的平滑效果你还要在left和width的变化上加成1px左移和变宽动画。

var wt = document.getElementById(picBox).width；这样。另外推荐用jQuery写。

Q2: js动态赋值div高度

1、修改div高度，可以直接给div的width赋值即可。

2、代码大致如下供参考：var image=new Image()；image.src=//你的背景图片的src；var divelement = document.getElementById(你的div的id)；divelement.style.height=(image.height*divelement.offsetWidth)/image.width + px；几个需要注意的地方是image.src=xxx后需要等待直到图片下载完成。

3、因为是动态数据，所以#div1的高度是auto，无法获取到具体值。var div1=document.getElementById(div1)；alert(divstyle.height)； //没有值 建议从css上改进。比如给中间的div设置css {height：500px；overflow：auto；}这样就能固定高度，多出的内容用滚动条显示。或者让尾部div相对中间的div定位。

4、js里面提供了很多的方法，可以计算DIV的高度，以及也可以给DIV直接复制。

5、用jQuery的animate方法就可以！如改变div1的高度为500px。

Q3: 我通过JS改变DIV高度,但是在IE7下有问题

很简单，就是在网页的顶部加上 DOCTYPE 声明。如果不加 DOCTYPE 声明，那么各个浏览器会根据自己的行为去理解网页，即 IE 浏览器会采用 IE 盒子模型去解释你的盒子，而 FF 会采用标准 W3C 盒子模型解释你的盒子，所以网页在不同的浏览器中就显示的不一样了。

ff下容器高度限定，即容器定义了height之后，容器边框的外形就确定了，不会被内容撑大，而ie下是会被内容撑大，高度限定失效。所以不要轻易给容器定义height。还讨论内容撑破容器问题，横向上的。如果float 容器未定义宽度，ff下内容会尽可能撑开容器宽度，ie下则会优先考虑内容折行。

修改div高度，可以直接给div的width赋值即可。

Q4: js如何计算并赋予DIV高度

js里面提供了很多的方法，可以计算DIV的高度，以及也可以给DIV直接复制。

如何用js得到div的高度 functionadjustcolumnheight(){ varmaincol=window.document.getelementbyid(主列)；varleftcol=window.document.getelementbyid(MainLeft varrightcol=window.document.getelementbyid(MainRight varhMainCol=mainCol。

修改div高度，可以直接给div的width赋值即可。

height=(image.height*divelement.offsetWidth)/image.width + px；几个需要注意的地方是image.src=xxx后需要等待直到图片下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么图片已经被下载过了，所以直接进行后面的就好。

首先我们新建一个测试项目然后新建一个index.html、basic.js和basic.css文件。js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码如图所示。运行之后我们看到两个div的高度是一样的 接下来我们就使用js修改高度。

js怎么设置div的高度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js改变div高度、js怎么设置div的高度的信息别忘了在本站进行查找喔。