如何为Mozilla浏览器设置Div的特定CSS宽度？

嘿，我来帮你搞定这个Mozilla浏览器下的宽度设置问题！

你提到的-webkit-logical-width是WebKit内核的私有逻辑属性，对应的标准CSS属性是inline-size——而Firefox（Mozilla）并不需要专门的-moz-width前缀，它既支持标准的inline-size，也兼容旧版私有前缀属性-moz-inline-size，刚好能匹配你的需求。

结合你的代码，只需要把标注的MOZILLA SPECIFIC WIDTH部分替换成对应的属性即可。推荐优先使用标准属性，若需兼容极旧版本Firefox再用前缀版本。

修改后的完整代码如下：

.box2 {
  display: inline-block;
  width: calc( 100% - 211px);
  margin-left: 208px;
  -webkit-logical-width: calc(100% - 117px);
  -webkit-margin-start: 115px;
  /* Mozilla特定宽度设置 - 标准版本（推荐） */
  inline-size: calc(100% - 117px);
  /* 兼容旧版Firefox的前缀版本（可选） */
  /* -moz-inline-size: calc(100% - 117px); */
  -moz-margin-start: 115px;
  border: 1px solid black;
  height: auto;
  min-height: 33px;
}

补充说明 #

• 逻辑属性（比如inline-size、margin-start）是为了适配不同书写模式（如从右到左、垂直书写），在水平书写模式下，inline-size就等同于width，margin-start等同于LTR环境下的margin-left。
• Firefox从版本41开始就支持标准的inline-size属性，如果你不需要兼容非常老旧的Firefox版本，直接使用标准属性即可，无需前缀。

内容的提问来源于stack exchange，提问作者Arun Kumar