子容器宽度100%显示 为什么会超出父容器？

Question

https://codepen.io/ivanid/pen...

不知为何，这个子容器宽度会多出来左右padding的宽度（750+28*2）。总宽不是应该750px吗？

Answer 1

box-sizing:border-box;子元素加这一句就能解决了宽度100%你设置的是内容的宽度