Html 显示flex，使图像与其他列的高度相同

下面是我的布局。两列，左侧有一个图像，右侧有两行。我使用

CSS-flex

来形成这个布局，在我的代码中有一个选项卡功能

我想让这两个柱有相同的高度，但失败了。希望你们中的一些人能给我一些建议。谢谢

$（'#制表符'）。制表符({
激活：函数（事件，ui）{}
});
#触点，#触点面板{高度：92%；}
.全宽触点{
显示器：flex；
显示器：-moz盒；
显示：-webkit flexbox；
显示：-ms flexbox；
显示：-webkit flex；
显示：-moz flex；
弯曲方向：行；
-webkit柔性方向：行；
-moz弯曲方向：行；
-ms柔性方向：行；
身高：92%；
保证金：0；
填充：0；
}
.rowdisplay\u联系人{
显示器：flex；
显示器：-moz盒；
显示：-webkit flexbox；
显示：-ms flexbox；
显示：-webkit flex；
显示：-moz flex；
弯曲方向：立柱；
-webkit柔性方向：列；
-moz-flex方向：列；
-ms-flex方向：列；
身高：90%；
保证金：0；
填充：0；
}
.重复xcontact{
弹性：1；
背景尺寸：封面；
背景重复：无重复；
背景位置：中心；
}
.70{弹性基准：70%；}
.30{弹性基准：30%；}
.country_box{
字体大小：25px；
线高：1.2米；
填充：12%10%；
背景色：#5ba4ee；
}
.地址箱{
填充：12%10%；
背景色：#ccc；
}
.map{背景图像：url（“http://geology.com/world/world-map.gif");}
ul标签{
保证金：0；
填充：16%0；
列表样式类型：无；
}
李先生{
填充：5px0；
}
ul.lia{
颜色：#fff；
字体大小：粗体；
}
ul.a:悬停，.ui状态处于活动状态{
字体大小：粗体；
颜色：1d70c4；
大纲：无；
}
.ui状态激活a，
.ui状态激活：链接，
.ui状态活动a:已访问{
字体大小：粗体；
颜色：1d70c4；
文字装饰：无；
}
ul.a：聚焦{
大纲：无；
}

联系方式






内容1

我们的贵宾们都坐在车上

T 1234 5678

F 1234 5678

E我通过注释掉
.rowdisplay\u contact width100
div得到了想要的结果，如果你问我，你甚至不需要它。我还添加了一些基本的CSS浏览器重置，这总是很好的：


$（'#制表符'）。制表符({
激活：函数（事件，ui）{}
});
*{margin:0；padding:0；框大小：border-box}
#触点，#触点面板{高度：92%}
.全宽触点{
显示器：flex；
显示器：-moz盒；
显示：-webkit flexbox；
显示：-ms flexbox；
显示：-webkit flex；
显示：-moz flex；
弯曲方向：行；
-webkit柔性方向：行；
-moz弯曲方向：行；
-ms柔性方向：行；
身高：92%；
保证金：0；
填充：0；
}
.rowdisplay\u联系人{
显示器：flex；
显示器：-moz盒；
显示：-webkit flexbox；
显示：-ms flexbox；
显示：-webkit flex；
显示：-moz flex；
弯曲方向：立柱；
-webkit柔性方向：列；
-moz-flex方向：列；
-ms-flex方向：列；
身高：90%；
保证金：0；
填充：0；
}
.重复xcontact{
弹性：1；
背景尺寸：封面；
背景重复：无重复；
背景位置：中心；
}
.70{弹性基准：70%}
.30{弹性基准：30%}
.country_box{
字体大小：25px；
线高：1.2米；
填充：12%10%；
背景色：#5ba4ee；
}
.地址箱{
填充：12%10%；
背景色：#ccc；
}
.map{背景图像：url（“http://geology.com/world/world-map.gif")}
ul标签{
保证金：0；
填充：16%0；
列表样式类型：无；
}
李先生{
填充：5px0；
}
ul.lia{
颜色：#fff；
字体大小：粗体；
}
ul.a:悬停，.ui状态处于活动状态{
字体大小：粗体；
颜色：1d70c4；
大纲：无；
}
.ui状态激活a，
.ui状态激活：链接，
.ui状态活动a:已访问{
字体大小：粗体；
颜色：1d70c4；
文字装饰：无；
}
ul.a：聚焦{
大纲：无；
}

联系方式






内容1

我们的贵宾们都坐在车上

T 1234 5678

F 1234 5678

E