Html 如何设置宽度以填充适用于Microsoft Edge的CSS？

我正在为Google Chrome制作一个页面，并使用width:-webkit填充，但当我测试Microsoft Edge时，我注意到宽度不同

因此，我搜索并发现支持大多数浏览器。Microsoft Edge忽略除100%之外的所有宽度

在测试之后，我注意到当我移除时，它看起来很好，但是如果我有它，我相信这是推荐的，它看起来不太好

下面是一些简化的代码：

div{ 背景色：RGB196196196； 宽度：50%； } 输入 挑选{ 背景：无； 边框：1px实心rgb0,0,0； 填充：2%； 宽度：100%； /*微软边缘*/ 宽度：-moz可用； 宽度：-webkit填充可用； /*谷歌浏览器*/ 宽度：可填充； }

---

您可以使用flexbox进行此操作，只需将元素包装在flex容器中：

* { 框大小：边框框； } .集装箱{ 显示器：flex； 弯曲方向：立柱； 边框：1px纯黑； 宽度：50%； } 选择 输入{ 边框：1px纯绿色； 填充：2%； } 沃尔沃汽车 萨博 梅赛德斯 奥迪 框大小：边框框；宽度：100%应适用于所有浏览器。不需要前缀属性。