关于让左右2个DIV高度相等
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于让左右2个DIV高度相等相关的知识，希望对你有一定的参考价值。
哪个div Height值大，就将其值赋给Height值小的div，从而使2个div高度始终保持一
以下是代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>div高度相等</title>
<style type="text/css">
#left{background:#999999; float:left; width:100px;}
#right{background:#0066FF; color:#fff; width:300px; float:left; }
.clear{clear:both;}
</style>
</head>
<body>
<h3>1. 右边div内容高度高于左边div</h3>
<div id="left">
没有别条路能走你决定要不要陪我
讲不听偏爱看我感觉爱
等你的依赖
不后悔有把握
我不闪躲 我非要这麽做
讲不听也偏要爱 更努力爱让你明白
没有别条路能走你决定要不要陪我
讲不听偏爱看我感觉爱
等你的依赖 对你偏爱
痛也很愉快
</div>
<div id="right">
偏爱
</div>
<script type="text/javascript" src="js/jquery-1.12.3.js"></script>
<script type="text/javascript">
function $(id){
return document.getElementById(id)
}
function getHeight() {
if ($("left").offsetHeight>=$("right").offsetHeight){
$("right").style.height=$("left").offsetHeight + "px";
}
else{
$("left").style.height=$("right").offsetHeight + "px";
}
}
window.onload = function() {
getHeight();
}
</script>
</body>
</html>
以上是关于关于让左右2个DIV高度相等的主要内容，如果未能解决你的问题，请参考以下文章