overflow 与bbox-sizing

overflow是CSS属性之一，用于控制元素内容溢出时的处理方式。它有以下几个取值：

1. `visible`：默认值，内容会溢出元素框，不会被裁剪。
2. `hidden`：内容会被裁剪，超出元素框的部分将被隐藏。
3. `scroll`：如果内容溢出，会显示滚动条以便查看全部内容。
4. `auto`：如果内容溢出，会根据需要自动显示滚动条。
5. `overlay`：如果内容溢出，会显示滚动条，但不会占用空间。

bbox-sizing是CSS属性之一，用于控制元素的盒模型计算方式。它有以下两个取值：

1. `content-box`：默认值，元素的宽度和高度只包括内容区域，不包括边框和内边距。
2. `border-box`：元素的宽度和高度包括内容区域、边框和内边距。

这两个属性在布局和样式设计中经常使用，可以根据具体需求选择合适的取值来控制元素的溢出和盒模型计算方式。