可以先编写一个公用的class样式，比如：
.div{
height:500px
width:500px
}
然后两个div都引用这一个样式，
<div id="div1" class="div"></div>
<div id="div2" class="div"></div>
这样就可以实现两个div的高度一样了。
css3 的display：flex可以实现。demo：
html结构
<div class="flex-box">
<div class="col">
<p>左侧内容</p>
</div>
<div class="col">
<p>右侧内容</p><p>右侧内容</p>
</div>
</div>
样式
<style>
.flex-box {
display: -webkit-flex
display: -ms-flexbox
display: flex
overflow: hidden
color:white
}
.flex-box>.col{
flex: 1
padding: 20px
}
.flex-box>.col:first-child {
background: red
-webkit-order: 1
-ms-flex-order: 1
order: 0
}
.flex-box >.col:last-child {
background: black
-webkit-order: 0
-ms-flex-order: 0
order: 1
}
</style>
