IE和Chrome中的百分比边距不同

是因为两者在处理百分比边距时采用了不同的计算方式。

在IE浏览器中，百分比边距是相对于父元素的宽度进行计算的。例如，如果一个元素的父元素宽度为200px，设置了左边距为10%，那么实际的左边距就是20px（200px * 10% = 20px）。

而在Chrome浏览器中，百分比边距是相对于元素自身的宽度进行计算的。以同样的例子来说，如果一个元素的宽度为200px，设置了左边距为10%，那么实际的左边距就是20px（200px * 10% = 20px）。

这种差异在跨浏览器开发中可能会导致页面布局的不一致。为了解决这个问题，可以使用CSS框架或者媒体查询来针对不同的浏览器进行样式调整。

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

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云数据库MySQL版（CMYSQL）：https://cloud.tencent.com/product/cmysql
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iot
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr