想实现的是，div中包裹几个div，然后这里层的div高度是不定的，随着最高的div的高度一致展现。
<div class="table_cell">
<div class="title-header">
<div class="table-title-cell">No.</div>
<div class="table-title-cell">检测内容</div>
<div class="table-title-cell">结果</div>
<div class="table-title-cell">结果信息</div>
<div class="table-title-cell">操作</div>
<div class="table-row" v-for="(sub_item,index2) in item.children" :key="index2">
<div class="show_sequence">
{{index2+1}}
<div class="show_content_div">
<div class="operate_title">
<span class="check-point-title">验证点</span>
<span class="operate_desc">
{{sub_item.name}}
</span>
<div class="operate_title">
<span class="check-point-desc">描述</span>
<span class="operate_desc">{{sub_item.desc}}</span>
<span class="check-point-expect">期望结果</span>
<span class="operate_desc">{{sub_item.expect}}</span>
<div class="show_res_icon">
<el-button type="success" v-if="sub_item.set_result_manual==1" icon="el-icon-check" @click="set_result(sub_item,1)" size="mini" circle></el-button>
<el-button type="warning" v-if="sub_item.set_result_manual==2" icon="el-icon-close" @click="set_result(sub_item,0)" size="mini" circle></el-button>
<el-button type="info" v-if="sub_item.set_result_manual==0" icon="el-icon-question" @click="set_result(sub_item,0)" size="mini" circle></el-button>
<div class="show_result_div">
<div class="show_btn_div">
<el-button type="text" @click="set_result(sub_item,1)" size="mini" class="select_icon"><i class="el-icon-check"></i>验证成功</el-button>
<el-button type="text" @click="set_result(sub_item,2)" style="color:#E6A23C" size="mini" class="select_icon"><i class="el-icon-close"></i>验证失败</el-button>
采用的是 display：table 和display：table-cell的方式来控制自适应高度
.table_cell{
display: table;
width: 100%;
.show_res_icon{
width: 10%;
display:table-cell;
background: #F2F6FC;
border: 1px solid white;
text-align: center;
vertical-align:middle;
.title-header{
display:table-header-group;
border: 1px solid #F2F6FC;
.table-row{
display: table-row;
.table-title-cell{
display: table-cell;
text-align: center;
vertical-align: middle;
.show_sequence{
width: 10%;
display:table-cell;
text-align: center;
vertical-align: middle;
border: 1px solid #F2F6FC;
想实现的是，div中包裹几个div，然后这里层的div高度是不定的，随着最高的div的高度一致展现。 <div class="table_cell"> <div class="title-header"> <div class="table-title-cell">No.</div>
在angularjs构建的业务系统中，通过ui-view路由实现页面跳转，初始化进入系统后，右侧内容区域需要自适应浏览器高度。
在ui-view所在的Div添加directive，directive中通过element.css初始化计算div的高度，动态更新div高度
directive监听（$$watch)angular的$digest，实时获取body高度，动态赋值model或element.css改变
方案1：添加directive和element.css自适应高度
1.创建directive
define([ app ], function(app) {
何为高度自适应？
高度自适应就是高度能跟随浏览器窗口的大小改变而改变，典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏，下面一栏高度自适应用于显示内容。高度自适应不像宽度自适应那样简单，在兼容浏览器方面也稍微复杂一些。
在IE7+及chrome、firefox等浏览器中，高度自适应可以利用绝对定位来解决。但一个元素是绝对定位时，如果没有给它设定高度或宽度，则
50%：使得html的height等于屏幕的一半；
若想让一个<div>的高度与屏幕高度自适应，始终充满屏幕，需要从html层开始层层添加height=100%
<html>元素没有margin和padding
<body>元素有...
最近做个页面设计，头部是搜索框以及过滤按钮那些，而剩余高度内容则是列表内容用来显示过滤后的内容。在移动设备显示头部内容会随屏幕大小而改变，所以不能把高度设定死，但剩余部高度又要显示列表内容。构思是头部有一部分的高度随着内容的变化而变化，但这头部是固定的fiexd。剩余部分是列表高度。每次试验发现都虽说下面列表有接在头部位置下面但是当页面往上拉时列表内容会跑到头部内容的下一层去。
一次意外嵌套的尝试
在这里，`.parent` 是父元素的类名，`.child` 是子元素的类名。你需要确保在 HTML 中给父元素和子元素都加上了这些类名。
注意，如果父元素的高度是固定的，那么子元素的高度也会跟随父元素的高度变化。
```css
.parent {
height: 200px; /* 父元素的高度是固定的 */
.child {
height: 100%; /* 子元素的高度也会跟随父元素的高度变化 */
希望这能帮到你。
k8s安装遇到错误： failed to load Kubelet config file /var/lib/kubelet/config.yaml, error failed to read kub
29968
k8s安装遇到错误： failed to load Kubelet config file /var/lib/kubelet/config.yaml, error failed to read kub
gerrit_jenkins:
python 高阶函数
正经人谁写日记:
k8s安装遇到错误： failed to load Kubelet config file /var/lib/kubelet/config.yaml, error failed to read kub
carroll18:
