div等高js版本

<style>
.ss_text{ width:100%; height:auto; float:left;}
.ss_text ul{ }
.ss_text li{ width:33%; height:auto; float:left; text-align:center; background:#0C9; text-align:left; color:#fff;}
.ss_text li:nth-child(1) { background:#e1b783;}
.ss_text li:nth-child(2) { margin-left:0.5%; display:inline;background:#9dcb7e;}
.ss_text li:nth-child(3) { float:right;background:#9db0d5;}
.ss_text li span{ width:96%; height:auto; float:left; margin-left:2%; display:inline; font-size:22px; font-weight:bold; margin-top:15px; display:inline;}
.ss_text li p{ width:96%; height:auto; float:left; margin-left:2%; margin-bottom:15px; margin-top:10px; display:inline; font-size:16px; line-height:24px;text-indent: 32;  color:#fff;}
.ss_text li:hover{ background:#028ae0;}
</style>
<div style="width:40%; height:auto; margin:0 auto;">
 <div class="ss_text">
    <ul>
      <li id="ss1"><span>全程预约</span>
        <p>完善的预约制度，免去了不必要的等待，就诊过程有导医全程陪同，随时解决您的疑问。</p>
      </li>
      <li  id="ss2"><span>私人牙管家</span>
        <p>口腔为每一位患者都建立了完整的档案，并定制个性化医疗方案和保健计划。</p>
      </li>
      <li id="ss3"><span>私密空间</span>
        <p>一人一室的标准化诊室，给顾客带来更加安静私密的就诊空间。</p>
      </li>
    </ul>
  </div>
  
 </div> 
  <!--高度一致js--> 
  <script>         
  function $(id){
    return document.getElementById(id)
    }
  function getHeight() {
    if ($("ss1").offsetHeight>=$("ss3").offsetHeight){
        $("ss3").style.height=$("ss1").offsetHeight + "px";
		$("ss2").style.height=$("ss1").offsetHeight + "px";
    }  
}
window.onload = function() {
    getHeight();
}  
  </script>