为了账号安全,请及时绑定邮箱和手机立即绑定

JS/jQuery宽高的理解和应用

haorooms Web前端工程师
难度初级
时长 2小时30分
学习人数
综合评分9.70
51人评价 查看评价
10.0 内容实用
9.6 简洁易懂
9.5 逻辑清晰

最新回答 / fantacy吴贝
因为浏览器版本问题,现在浏览器对body这个元素的dom对象(document.body)处理和其他元素是一致的,不再存在document.body.scroll宽高小于浏览器宽高时的特殊处理。scroll的宽高在不出现滚动的情况下跟client可视区域宽高(content+padding),所以就是你上面的结果。

最新回答 / 精慕门4072777
重新试了一下,把<!DOCTYPE html>里面的html去掉就好了,请问大家谁知道是什么原因吗?

最新回答 / 慕慕2280070
你本身这个页面进去时,是不是没有滚动条。既然没有默认刷新到0了应该 这玩意 意义不大 掌握几个常见的就行了

已采纳回答 / 慕虎5385943
不清除你的具体是什么原因,可能没有刷新??但是直接在控制台打印就可以出来答案了啊<...图片...>

最新回答 / 晴籽仔
你看一下应该是childrenDiv的CSS里面设定了box-sizing:border-box,这个属性会使border和padding全会在你设置的宽度和高度内部,所以此时的outerHeight()和outerWidth()值是300+margin*2

最赞回答 / demonCry
问题原因:打开浏览器F12 查看body元素可以发现,发生了父子元素间垂直外边距合并问题【父子元素间垂直外边距合并】现象父元素的上(下)margin会和子元素上(下)发生合并,值为两者之间最大...

已采纳回答 / 慕丝0026560
不知道是不是浏览器解析不一样,这个把滚动条的宽高减去了。

最新回答 / 目标诺森德丶
我这样写的 滚动条是17:function getScrollBar(){ var el= document.createElement('p'), styles={ width:'100px', height:'100px', overflowY:'scroll' },i,scrollBarWidth; el.innerHTML = "12333"; for(i in styles){ el.style[i]=styles[i] } document.body.appendChild(el); v...

已采纳回答 / weibo_暮雪初心_0
因为没有设置border的宽度,所以不需要考虑左右border的宽度
首页上一页1234下一页尾页
课程须知
本课程是前端初中级课程 适用于对js/jquery各种宽高理解不是很清晰的同学。有一定前端基础的同学学习此课程更佳!
老师告诉你能学到什么?
1、js各种宽高理解 2、js宽高的一些应用 3、jquery各种宽高的理解 4、jquery各种宽高的应用

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消