JS 固定两个DIV一样高

<!DOCTYPE html>
<html>
<head>
  <style>p { color:red; }</style>
  <script src="jquery-1.8.2.min.js"></script>
  <script>
	  $(document).ready(function () {
		  var mright =  $(".main_right").height();
			 var mleft =  $(".main_left").height();
			 if(mright > mleft){
				 $(".main_left").height(mright+"px");
			}else{
				 $(".main_right").height(mleft+"px");
			}
	  });
  </script>
 
<style type="text/css">
<!--
.main_right {background-color:#d55600;}
.main_left {background-color:#d34600;}
-->
</style>
</head>
<body>
	<div class="main_right" width="80">
		<h3><a href="${ctx }/home/showmenu/1">更多>></a>每周食谱</h3>
	</div>
	<div class="main_left" width="80">
		<h3><a href="${ctx }/home/showannounce/1">更多>></a>校园公告</h3>
		<h3><a href="${ctx }/home/showannounce/1">更多>></a>校园公告</h3>
		<h3><a href="${ctx }/home/showannounce/1">更多>></a>校园公告</h3>
		<h3><a href="${ctx }/home/showannounce/1">更多>></a>校园公告</h3>
		<h3><a href="${ctx }/home/showannounce/1">更多>></a>校园公告</h3>
	</div> 
</body>
</html>

你可能感兴趣的:(div)