CSS box-sizing 的 width:100% 问题

ps: 如果有任何问题可以评论留言，我看到后会及时解答，评论或关注，您的鼓励是我分享的最大动力

转载请注明出处：

https://blog.csdn.net/qq_40938301/article/details/112327347

 

一、box-sizing：content-box 和 border-box：

 

1、概念：

content-box（默认）：指的是内容盒子，即width的大小对应的是该盒子的content部分

（width = width of the content）

border-box：指的是边框盒子，即width的大小对应的是到该盒子的border部分

（width = border + padding + width of the content）

2、例子

eg：

content-box：

.box {width: 350px; border: 10px solid black;} renders a bo