Html 如何在外部div的顶部获得内部div

我有这样的情况：

我希望右边的桌子和左边的表格一样高

这是我的CSS：

.left {
height: auto;
width: 550px;
}

.right {
height: auto;
width: 550px;
padding-left: 40px;
}

.innerRight {
height: auto;
}

.middle {
height: auto;
position:absolute;
left:50%;
top:17%;
bottom:15%;
border-left:1px solid grey;
}

.left, .right {
display: inline-block;
}

我该怎么做

---

我使用浮动，但是高度不能自动调整，所以我不能使用它。

你可以给他们两个

位置：绝对然后使用top、left、right等来定位它们。
没有实际的HTML代码，下面的示例可能会通过使用
表格行
，
表格单元格
css属性来帮助您


.wrap{
溢出：隐藏；
宽度：250px；
显示：表格；
边界塌陷：塌陷；
}
.行{
显示：表格行；
}
.左{
宽度：50%；
显示：表格单元格；
背景颜色：黄色；
}
.中{
左边框：实心1px红色；
宽度：1px；
显示：表格单元格；
}
.对{
宽度：50%；
背景颜色：橙色；
显示：表格单元格；
}

洛勒姆
Lorem ipsum dolor sit amet，是一位杰出的献身者。










如果您给我们提供HTML+CSS，那就太好了，可能在JSFIDDLE中我尝试过，但是外部div的高度不会自动调整到桌面上表格的高度right@Bouss移除高度：自动；从所有的课程中，它会产生什么影响？