Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 左置左置;右面板宽度根据使用脚本的主面板_Javascript_Css - Fatal编程技术网

Javascript 左置左置;右面板宽度根据使用脚本的主面板

Javascript 左置左置;右面板宽度根据使用脚本的主面板,javascript,css,Javascript,Css,我的问题与CSS和JavaScript有关。 我有一个名为“主面板”的CSS类(注意,它的类不是ID),还有两个左右面板“左面板”和“右面板”——所有的类都不是ID,我甚至不能将类更改为ID。 现在,我想要的是基于“主面板”的高度设置“左面板”和“右面板”的“最小高度” 如果加载后内容主面板的高度为1000px;它应该是左面板和右面板的最小高度。以下是如何做到这一点的 const setPanelHeight=(类名,高度)=>{ document.getElementsByClassName

我的问题与CSS和JavaScript有关。
我有一个名为“
主面板
”的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可能会工作-当主面板的高度在加载注释后增加时,它会自动增加左面板和右面板的高度?