标签:fse 滚动条 20px class order style 高度 pad lock
盒子的Width : content_width + 左右padding + 左右border
设置border-box 后: with 和 height 变成了 盒子的宽高 设置padding\border 不会影响盒子的大小
<style>
.ele{
box-sizing:border-box;
margin:20px auto;
padding :10px
width:300px;
height:300px;
border:10px solid red;
}
</style>
var height = document.documentElement.clientHeight || document.body.clientHeight
// 获取网页一平幕的高度
offsetWidth , offsetHeight(盒子的高度:client + border) ,
var height = document.documentElement.scrollHeight || document.body.scrollHeight
//获取网页的真实高度
scrllLeft : 纵向滚动条卷曲的宽度 (0 ——scrollWidth - clientWidth)
scrollTop , scrollLeft : 为可以读写的属性 , 其他的属性只能读
标签:fse 滚动条 20px class order style 高度 pad lock
原文地址:https://www.cnblogs.com/zoukun/p/12077863.html