tnjk.net
当前位置:首页 >> js设置Div高度自适应 >>

js设置Div高度自适应

$(window).resize(function(){ resizeWindow(); }); function resizeWindow(){ var winH = $(window).height(); $("div").css('height',winH+'px');//这里的div,选择你的那个div }

首先你得有个高宽比(比例),根据这个比,用js计算就是了。 function resizeHeight(id,size){ var ele = document.getElementById(id); var width = ele.offsetWidth; ele.style.height = size*width+"px"; } 说明:id是div的id(String),size...

自适应DIV 其它DIV var h = $("#d1").height();或者 var h=$("#d1").offsetHeight();或 var h=$("#d1").scrollHeight() $("#o").height(h)

用CSS中的min-height就可以了。把div的高度设置成min-height:200px;当有超过200的内容填充div的时候,高度就会自动变化 .div{min-height:200px;}

可以 $(function(){ var h = $("#div1").height(); //jquery写法 alert(h); var h1 = document.getElementById("div1").offsetHeight; //js写法 alert(h1); }); 注:div1为你要获取div的id

var _height=$("body").height();//获取当前窗口的高度var _width=$("body").width();//获取当前窗口的宽度$('#list').css('width',_width+'px').css('height',_height+'px');//调整列表的宽高

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

这个方法就大致分为两种吧, 第一种,用CSS的方法 第二种,用JS方法 这里暂时只演示第一种,如果第二种,另外@我 示例代码如下: CSS代码第一种写法 html,body{height:100%; margin:0;}/**把HTML和BODY的高度设置成100%**/ div{height:100%; bac...

可以直接设置div相对页面宽度为100%即可。 设置css: .left{float:left;} div{width:100%;hight:100%;} p{width:100px;background:yellow;} 设置body 文本左对齐

可以用js实现左右两个自适应高度的div等高。 具体代码如下:

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com