Fatal编程技术网
  • html/
  • Html 部分DIV的高度随另一DIV的高度增长

Html 部分DIV的高度随另一DIV的高度增长

html css asp.net-mvc twitter-bootstrap

Html 部分DIV的高度随另一DIV的高度增长,html,css,asp.net-mvc,twitter-bootstrap,Html,Css,Asp.net Mvc,Twitter Bootstrap,我的页面中有以下内容： <div class="container-fluid"> @Html.Partial("_SearchLeftSide") @Html.Partial("_SearchRightSide") </div> @Html.Partial（“\u SearchLeftSide”） @Html.Partial（“_SearchRightSide”） 第一部分是这个，里面有一些东西： <div class="col-sm-3"

我的页面中有以下内容：

<div class="container-fluid">
    @Html.Partial("_SearchLeftSide")
    @Html.Partial("_SearchRightSide")
</div>


@Html.Partial（“\u SearchLeftSide”）
@Html.Partial（“_SearchRightSide”）
第一部分是这个，里面有一些东西：

<div class="col-sm-3" style="background-color: lightgray">

<div class="col-sm-9">
第二部分是这个，里面有一些东西：

<div class="col-sm-3" style="background-color: lightgray">

<div class="col-sm-9">
如果我们得到很多结果，结果端的高度可能会更长，有没有办法告诉搜索端（左一）根据这一点增加高度

来自

使用
显示：表格和
显示：表格单元格



。容器流体{
显示：表格；
宽度：100%；
}
.货柜液组{
显示：表格单元格；
垂直对齐：顶部；
}
.col-sm-3{
背景颜色：浅灰色；
宽度：25%；
}
.col-sm-9{
宽度：74%；
}




    

  • 过滤器1
    • 

  • 过滤器2
    • 

  • 过滤器3
    • 



    

  • 结果1
    • 

  • 结果2
    • 

  • 结果3
    • 

  • 结果4
    • 

  • 结果5
    • 

  • 结果6
    • 

  • 结果7
    • 

  • 结果8
    • 

  • 结果9
    • 



这是一种实现等高立柱的现代替代方案



.container{
显示器：flex；
柔性包装：包装；
}
上校：第一个孩子{
弹性：3；
背景：浅灰色；
}
上校：最后一个孩子{
弹性：1；
背景：灰色；
}



Lorem ipsum dolor sit amet，奉献精英。新的药物治疗方案可以使患者的身体最小程度地恢复健康，甚至可以消除复发性疾病。
Lorem ipsum dolor sit amet，奉献精英。错误的解决方案，甚至是罪魁祸首。在发生严重错误、不平等或错误的情况下，勃兰氏蓄积剂会再次出现。奎布斯丹。Lorem ipsum dolor sit amet，奉献精英。诺比斯，鼹鼠科。根据累积量计算，所有的分子都是由具有排斥性的尊严的分子组成的。