css 实现右边div高度随着左边div内容的增加，右边div的高度也增加（左边div与右边div高度保持一致）

从ajax传回来的数据左边撑开了比较多，右边的数据默认显示在下方，添加css更改位置

<template>
  <div class="indexOne">
     <div class="nav_info">
 
       <div class="left_info">8888888888888888888888888888888888888888888888888888889
         999999999999999999999999999999999999999999999999999999999999999999999
         99999999999999966666666666666666666666666666666666666666666666666666666666666669</div>
       <div class="right_info"></div>
     </div>
  </div>
</template>
 
<script>
export default {
  name: 'indexOne',
  components: {
    
  },
  created () {
   
  }
}
</script>
<style lang="scss" scoped>
.indexOne{
   width:100%;
    height:400px;
    text-align:center;
  .nav_info{
     width: 100%;
        height: auto;
        background-color: aquamarine;
        // display: flex;
        position: relative;
    .left_info{
       width: 30