兜兜转转,回归初恋,欢迎使用yusiyuhuo主题, 主题介绍>>>

如何让左右div高度一样

WordPress建站 陌小雨 7574℃ 0评论

折腾WordPress的小朋友,有的会喜欢修改页面布局,那么这个小技巧就很有必要知道了,在大前端那里看到的,分享给大家:

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();
}

之前好像评论区有人给出了另一个办法的,不过现在看不到评论了。

上述代码如果发现左右div高度还是不一样,这个时候可以看下是不是设置了padding的原因,有针对性的修改就好了:如下

$("left").style.height=$("right").offsetHeight-10 + "px";

转载请注明:小雨科技 _武汉网站建设_武汉小程序搭建 » 如何让左右div高度一样

喜欢 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址