关注互联网应用及运维技术的个人博客

jQuery 的4个尺寸

CSS

div {
	margin: 100px;
	width: 400px;
	height: 400px;
	background-color: blue;
	padding: 20px;
	border: 10px solid red;
}

JavaScript

$(function() {
	console.log("width:" + $("div").width());
	console.log("innerWidth:" + $("div").innerWidth());
	console.log("outerWidth:" + $("div").outerWidth());
	console.log("outerWidth(true):" + $("div").outerWidth(true));
})

结论

width: 400
innerWidth: 440
outerWidth: 460
outerWidth(true): 660

width = width;

innerWidth = width + padding( left + right );

outerWidth = width + padding( left + right ) + border( left + right );

outerWidth(true) = width + padding( left + right ) + border( left + right ) + margin( left + right );

赞(0)
未经允许不得转载:飞天狒狒 » jQuery 的4个尺寸

评论 抢沙发

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