代码如下:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "https://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>jquery实现左右p自适应高度完全相同 - 脚本之家</title>
<meta name="copyright" content="脚本分享网 https://www.jb51.net/" />
<meta name="description" content="jquery实现左右p自适应高度完全相同" />
<meta content="jquery实现左右p自适应高度完全相同,javascript,分享,javascript代码" name="keywords" />
<style type="text/css">
<!--
body{font-size: 14px;background-color:#fff}
-->
</style>
<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>右边高度高度左边</h3>
<p id="left">
<p style="padding:10px">
<a href="https://www.jb51.net">脚本之家</a>
</p>
</p>
<p id="right">
<p style="padding:10px">
是一个以网站设计相关的资源分享网站,网站只提供最优秀的<a href="https://www.jb51.net/">js代码</a>,jquery插件,网页特效,html5代码,矢量图,设计图标,网站模板等,而且这一切都是免费的
</p>
</p>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.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>
<p style="clear:both"></p>
</body>
</html>
如对本文有疑问, 点击进行留言回复!!
asp.net中ajax和一般处理程序(handler.ashx)的交互
egg.js创建项目,目录介绍,简单使用,sequelize mysql使用
网友评论