jQuery 的4个尺寸

2020年07月09日 32点热度 2人点赞 4条评论
div {
	margin: 100px;
	width: 400px;
	height: 400px;
	background-color: blue;
	padding: 20px;
	border: 10px solid red;
}
$(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 );

李鬼手

不是在写代码,就是在写文章

文章评论

  • 首码网@影视

    文章写得不错

    2020年07月10日
  • 信仰笔记

    你这点赞不好使呀

    2020年07月10日