clientWidth是DOM方法吧?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学 你好,理解是对的,clientWidth 属性是一个只读属性,它返回该元素的像素宽度,宽度包含内边距(padding),不包含边框(border),外边距(margin)和滚动条,是一个整数,单位是像素 px。祝学习愉快~

  • 张小阳_ 提问者 #1

    老师,怪异模式是啥?

    2022-07-14 14:09:47
  • imooc_慕慕 回复 提问者 张小阳_ #2

    同学你好,怪异盒模型也包括margin、border、padding、content,不过,和标准盒子模型不同的是:怪异盒模型的宽包含了border和padding。

    我们可以和标准盒模型进行一个对比;标准盒模型自身大小为 content(内容),padding(内外边距),border(边框)  实际大小为content+padding+margin+border。

    我们可以举个小例子:给一个盒子设置相应的属性;

    https://img1.sycdn.imooc.com//climg/62cfbb0309cdbe1703090177.jpg

    https://img1.sycdn.imooc.com//climg/62cfbb4a0903072a03510238.jpg

    在第一阶段盒模型的视频中已经讲了box-sizing:border-box;这个属性:

    https://img1.sycdn.imooc.com//climg/62cfbbf90930da0f07670266.jpg

    通过这个属性可以将标准盒模型转换为怪异盒模型:

    https://img1.sycdn.imooc.com//climg/62cfbe6a0980566e08290476.jpg


    此时的宽度,包含了border+padding+content,因此我们可以总结出:标准模式会被设置的padding撑开,而怪异模式则相当于将盒子的大小固定好,再将内容装入盒子,盒子的大小并不会被padding所撑开。

    祝学习愉快~


    2022-07-14 15:02:49
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师