星空网 > 软件开发 > Java

【工作记录】解决溢出div自适应的高度问题

今天解决的一个问题,记录一下,先用文字记录下,有时间再用代码还原下。

响应式网站中,导航div包含的点击按钮下方出现菜单,无法控制高度(max-height控制百分比不行),后用js实现。是否不用js可以有更好方法?(之后补充)

js代码如下

function redirectpage() {
//var h1=document.getElementById("div_nav_top").height;/*页面上方顶部导航条div(z-index:2000),不知道为何不能获取其高度*/
//var h2=document.getElementById("div_nav_bottom").height;/*页面下方方顶部导航条div(z-index:2000),不知道为何不能获取其高度*/
if (window.innerHeight)
var winHeight = window.innerHeight;/*获取浏览器高度*/
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
//var h_plus=130+'px';
var h_list=winHeight-130+'px';/*js计算高度的格式*/
//alert("h_list"+h_list);
document.getElementById("drop_down_h").style.maxHeight = h_list;
//alert("winHeight:"+winHeight);
//alert("下拉菜单的宽度:"+document.getElementById("drop_down_h").style.maxHeight);
}




原标题:【工作记录】解决溢出div自适应的高度问题

关键词:div

div
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

物流信息化的意义是什么?:https://www.goluckyvip.com/news/6899.html
DHL推出Parcel Metro服务,物流配送或将大幅降价!:https://www.goluckyvip.com/news/69.html
46.6亿!阿里巴巴入股申通,打造物流网!:https://www.goluckyvip.com/news/690.html
你的产品真的适合使用海外仓吗?跨境卖家看过来:https://www.goluckyvip.com/news/6900.html
数字仓储,让每笔出入库业务都精准高效…OneWarehouse喜提6大功能更新!:https://www.goluckyvip.com/news/6901.html
亚马逊掉馅饼了!?卖家订单配送费全免 :https://www.goluckyvip.com/news/6902.html
卓欧毕雪酒店推荐:https://www.vstour.cn/a/404237.html
响沙湾门票套票价格大介绍(省钱攻略必备):https://www.vstour.cn/a/404238.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流