<style>
div {
width: 100px;
height: 150px;
background: red;
padding: 10px;
border: 10px #fbd850 solid;
margin: 10px;
}
</style>
</head>
<body>
<div>div</div>内容尺寸：
width():width
height():height
内部尺寸:
innerHeight():height+padding
innerWidth:width+padding
外部尺寸：
outerHeight():height+padding+border
outerWidth()::height+padding+border
//还可以传递布尔值
outerHeight(true):height+padding+border+margin
outerWidth(true):height+padding+border+margin
outerHeight(false):height+padding+border
outerWidth(false):height+padding+border
console.log($('div').width()); //100
console.log($('div').height()) //150
console.log($('div').innerHeight()) //170
console.log($('div').innerWidth()) //120
console.log($('div').outerHeight()) //190
console.log($('div').outerWidth()) //140
//还可以传递布尔值
console.log($('div').outerHeight(true)) //210
console.log($('div').outerWidth(true)) //160
188
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
