首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >动态更改div的高度

动态更改div的高度
EN

Stack Overflow用户
提问于 2011-06-02 06:32:09
回答 2查看 2K关注 0票数 0

可能重复: div高度

你好,

我有一个DIV,我想要的高度是基于浏览器-100 of的可视区域。有什么方法可以让我做到这一点,使DIV高度被正确地设置在第一位,然后调整如果用户进入并调整浏览器大小。我想这将涉及javascript。

谢谢,

EN

回答 2

Stack Overflow用户

发布于 2011-06-02 07:26:40

CSS唯一解决方案:

代码语言:javascript
运行
复制
.foo {
    position: absolute;
    left: 50px;
    top: 50px;
    right: 50px;
    bottom: 50px;
    background-color: lime;
}

这里的演示

票数 1
EN

Stack Overflow用户

发布于 2011-06-02 07:21:37

网络用jQuery改变DIV的高/宽随体宽/高的变化上有一篇文章

代码语言:javascript
运行
复制
<script language=”javascript”>

$(document).ready(function(){

var height1 = $(document).height(); // height of full document

var height2 = $(“#header”).height(); // height of header

var height_diff = height1 – height2 + “px”;

document.getElementById(‘test’).style.height = height_diff; // Set the remaining height in test DIV.

});

</script>

其中testdiv的id。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6211235

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档