div如何铺满剩余高度或宽度_html/css_WEB-ITnose
回复讨论(解决方案)
求人气。
function getdomheight(dom){ //获取一个dom的高度
return dom.offsetHeight;
}
var div1 = document.getElementById('div1的id');
var div2 = document.getElementById('div2的id');
var div3 = document.getElementById('div3的id');
div3.style.height = getdomheight(div1) - getdomheight(div2) +'px';
就是减法
function getdomheight(dom){ //获取一个dom的高度
return dom.offsetHeight;
}
var div1 = document.getElementById('div1的id');
var div2 = document.getElementById('div2的id');
var div3 = document.getElementById('div3的id');
div3.style.height = getdomheight(div1) - getdomheight(div2) +'px';
就是减法
有没有用css就能实现的?
function getdomheight(dom){ //获取一个dom的高度
return dom.offsetHeight;
}
var div1 = document.getElementById('div1的id');
var div2 = document.getElementById('div2的id');
var div3 = document.getElementById('div3的id');
div3.style.height = getdomheight(div1) - getdomheight(div2) +'px';
就是减法
有没有用css就能实现的?
查阅 css盒布局
另外只是老浏览器不支持
function getdomheight(dom){ //获取一个dom的高度
return dom.offsetHeight;
}
var div1 = document.getElementById('div1的id');
var div2 = document.getElementById('div2的id');
var div3 = document.getElementById('div3的id');
div3.style.height = getdomheight(div1) - getdomheight(div2) +'px';
就是减法
这个方法不行,没有抛出异常?
用jQuery获取高度相减,兼容性较好;
下面例子中border仅用于查看是否实现想要效果,实际应用时如果有border,相减时需要将border考虑进去
下一篇: 前端编码习惯 —— html篇
推荐阅读
-
9、如何控制框架页面或
-
在网页里嵌入swf文件,如何让swf文件的高度和宽度能自动适应_html/css_WEB-ITnose
-
div的宽度和高度的固定_html/css_WEB-ITnose
-
在网页里嵌入swf文件,如何让swf文件的高度和宽度能自动适应_html/css_WEB-ITnose
-
让3个DIV并排,但是要让中间的DIV居中,旁边2个平均分配剩余宽度_html/css_WEB-ITnose
-
让3个DIV并排,但是要让中间的DIV居中,旁边2个平均分配剩余宽度_html/css_WEB-ITnose
-
如何实现:上面的div根据内容自动高度,下面的div自动铺满剩余高度_html/css_WEB-ITnose
-
css 填充div剩余高度_html/css_WEB-ITnose
-
div背景变成透明后div高度和宽度消失_html/css_WEB-ITnose
-
div高度一个自适应,一个固定如何实现_html/css_WEB-ITnose