Javascript 左置左置;右面板宽度根据使用脚本的主面板
我的问题与CSS和JavaScript有关。Javascript 左置左置;右面板宽度根据使用脚本的主面板,javascript,css,Javascript,Css,我的问题与CSS和JavaScript有关。 我有一个名为“主面板”的CSS类(注意,它的类不是ID),还有两个左右面板“左面板”和“右面板”——所有的类都不是ID,我甚至不能将类更改为ID。 现在,我想要的是基于“主面板”的高度设置“左面板”和“右面板”的“最小高度” 如果加载后内容主面板的高度为1000px;它应该是左面板和右面板的最小高度。以下是如何做到这一点的 const setPanelHeight=(类名,高度)=>{ document.getElementsByClassName
我有一个名为“
主面板
”的CSS类(注意,它的类不是ID),还有两个左右面板“左面板
”和“右面板
”——所有的类都不是ID,我甚至不能将类更改为ID。现在,我想要的是基于“主面板”的高度设置“
左面板
”和“右面板
”的“最小高度
”如果加载后内容主面板的高度为1000px;它应该是左面板和右面板的最小高度。以下是如何做到这一点的
const setPanelHeight=(类名,高度)=>{
document.getElementsByClassName(className)[0].style.minHeight=height;
};
设desiredHeight=getMainPanelHeight();
设置面板高度(“左面板”,所需高度);
设置面板高度(“右面板”,所需高度);
函数getMainPanelHeight(){
let element=document.getElementsByClassName(“主面板”)[0];
让computedStyle=window.getComputedStyle(元素,null);
返回计算样式[“高度”];
}
div{
显示:内联块;
宽度:50px;
}
.左面板,
.右面板{
边框:1px纯红;
}
.主面板{
边框:1px纯黑;
高度:1000px;
}
此高度是否在CSS中设置?你能控制CSS吗?或者高度是由内容强制的?高度显然取决于内容,因为它的主面板,即内容分区,您在这里通过“1000”作为参数-我需要将其设置为main-panel的高度。基于main div运行的固定代码。代码正在工作,这要感谢另一个问题-我将脚本放置在body标记的结尾下方-但是在设置这些宽度之后-一个注释部分正在加载。所以主面板的大小在增加-有什么解决方案吗?我认为jquery可能会工作-当主面板的高度在加载注释后增加时,它会自动增加左面板和右面板的高度?