如何使html表单适合填充容器

我有一个两边分开的容器。左侧有一个滑块，右侧有一个html表单用于输入。我的问题是，我无法使html表单在所有pc显示器上都具有与滑块相同的高度（它的高度通常比滑块短）。

---

sb能帮我做到这一点吗？

在包含侧栏和表单的容器div上使用flex

html，正文{
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}
.con{
宽度：100%；
高度：200px；
显示器：flex；
}
.这边{
宽度：100px；
背景色：红色；
}
形式{
背景颜色：黄色；
身高：100%；
}

这是侧边栏
表单包含输入

我正在为您编写代码。请查看以下链接：

或者您也可以查看下面的“我的代码”。此代码将从滑块中获取高度并添加到表单div中：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<div>
<div class="leftside">
you slider here
</div>

<div class="rightside">
your form
</div>
</div>

<style>
.leftside{
  background:#ccc;
  height:200px;
}
.rightside{
  background:#ff0000;
}
</style>

<script>
$(document).ready(function(){
var sliderHeight=$('.leftside').height();
$('.rightside').css('height',sliderHeight);
})
</script>

你在这儿滑吗
你的表格
.左边{
背景：#ccc；
高度：200px；
}
.右侧{
背景：#ff0000；
}
$（文档）.ready（函数（）{
var sliderHeight=$（'.leftside'）.height（）；
$（'.rightside'）.css（'height'，sliderHeight）；
})

显示您的代码您是如何尝试的！欢迎来到SO，请检查如何提问：请提供您尝试过的内容以及失败的地方！实际上，右侧和左侧的div高度相等，但表单没有填充div的整个高度OK，然后您可以根据Calcum的滑块向表单元素添加边距或填充使用jQuery延迟滑块的高度