为什么我设置背景时div.col会扩展到110%？

当设置背景时，div.col扩展到110%的原因可能是由于CSS中的盒模型和背景属性的影响。

1. 盒模型：div元素的宽度由内容宽度、内边距和边框宽度组成。默认情况下，div元素的宽度设置为100%，即占据父元素的宽度。然而，当为div元素设置了内边距和边框宽度时，这些额外的宽度会被添加到元素的总宽度中，导致元素的实际宽度超过了父元素的宽度。
2. 背景属性：当为div元素设置背景时，背景会默认填充整个元素的内容区域，包括内边距和边框区域。如果div元素的实际宽度超过了父元素的宽度，背景也会相应地扩展到超出父元素的部分，导致看起来div.col扩展到了110%。

解决这个问题的方法可以是：

• 检查CSS中是否设置了不必要的内边距和边框宽度，尽量减少这些额外的宽度，确保div元素的实际宽度不超过父元素的宽度。
• 考虑使用CSS的box-sizing属性来调整盒模型的计算方式，例如将其设置为border-box，这样内边距和边框宽度会包含在元素的总宽度内，避免超出父元素的宽度。
• 如果需要设置背景，可以尝试使用background-clip属性来控制背景的绘制区域，例如将其设置为content-box，只在内容区域内绘制背景，而不包括内边距和边框区域。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai