关于width和box-sizing: border-box;
请问老师，视频中老师已经在css中给每个wrap下的div设置了box-sizing: border-box; width应该包含了内边距和边框，为什么在此处又说width只是内容宽度
0
收起
正在回答
1回答
你好同学 , box-sizing: border-box; 的设置是让盒子在页面显示的总宽度包括padding .但是jQuery中的width()方法获取元素的宽度时 ,只会获取内容宽度 , 是不会把元素的padding获取上的 .参考如下自己尝试测试一下 ,帮助自己理解 :
盒子设置宽度100px ,左右填充10px , 那么它总宽度为120px
设置box-sizing: border-box;会让盒子总宽度变为100px , 此时内容宽度就变为80px . width()方法获取的就是元素内容宽度 ,不包含它的padding .
祝学习愉快 ,望采纳 .
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星