摘要: scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。 实际内容+padding 不包括滚动条 边框clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。 可视区内容content+padding 不包括滚动条 边框o 阅读全文
posted @ 2017-03-22 22:30 小猫慢慢爬 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 我们都知道,对于一个HTML页面元素来说,它的样式定义有两种方式, 一种是写在元素的同行节点,俗称行内样式, 另外一种则是定义在外部的CSS文件中,俗称外部样式, 也就是这两种定义方式,导致我们获取高度的方式有所差异,详见以下表格 var obj = document.getElementById( 阅读全文
posted @ 2017-03-22 21:04 小猫慢慢爬 阅读(323) 评论(0) 推荐(0) 编辑
摘要: 全局设置 border-box 很好,更符合我们通常对一个「盒子」尺寸的认知。,其次它可以省去一次又一次的加加减减,它还有一个关键作用——让有边框的盒子正常使用百分比宽度。但是使用了 border-box 可能会与一些依赖默认 box-sizing 的库冲突,不过这种问题大多数时候可以通过把交由这些 阅读全文
posted @ 2017-03-22 21:02 小猫慢慢爬 阅读(3932) 评论(0) 推荐(0) 编辑