<style type="text/css">
div{
border: 1px solid #000000;
width: 2000px;
height: 1000px;
padding:10px;
margin: 10px;
}
</style>
<script type="text/javascript" src="<%=path %>/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("height:"+$('div').height()+",width:"+$('div').width());
//元素本身的宽度和高度，height：1000，width：2000
alert("innerHeight:"+$('div').innerHeight()+",innerWidth:"+$('div').innerWidth());
//元素的宽度和高度加上留白的内宽度和内高度（padding）不包括边框线的宽度 ，不包括外 部宽 度和 高度（margin）。height：1020，width：2020。
alert("outerHeight:"+$('div').outerHeight()+",outerWidth:"+$('div').outerWidth());
//元素本身的宽度和高度加上留白的内宽度和内高度（padding）再加上边框线的宽度 （border-width）。不包括外边框的宽度和高度（margin）。height：1022；width：2022
alert("outerHeight(true):"+$('div').outerHeight(true)+",outerWidth(true):"+$('div').outerWidth (true));
//包括所有的内部宽度和高度（padding）边框线宽度（border-width）和外部高度和宽度 （margin）。height：1042，width：2042
});
</script>
</head>
<body>
<div>
neirong
</div>
扫一扫
251
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
