计算元素的高度宽度(innerHeight,outerHeight)

<div id='div'></div>
#div{
	height:100px;
	width:100px;
	padding:10px;
	margin:20px;
	border:1px solid black
}
计算高度
	$("#div").height()  //100
	$("#div").innerHeight()  //包含padding   100+10+10
	$("#div").outerHeight()  //包含padding+border   100+10+10+1+1
	$("#div").outerHeight(true)  //包含padding+border+margin   100+10+10+1+1+20+20
	
计算宽度
	$("#div").width()  //100
	$("#div").innerWidth()  //包含padding   100+10+10
	$("#div").outerWidth()  //包含padding+border   100+10+10+1+1
	$("#div").outerWidth(true)  //包含padding+border+margin   100+10+10+1+1+20+20
posted @ 2020-12-26 09:54  倔强的烤马铃薯  阅读(15)  评论(0)    收藏  举报  来源