等效宽度：-moz-谷歌浏览器中可用

是否有替代方法来填充Google Chrome中嵌套div的可用空间？ Firefox的-moz-available就是这样做的，但考虑到边距，填充和滚动条。虽然没有-webkit可用。等效宽度：-moz-谷歌浏览器中可用

2011-05-10 Vanco

请注意分享一个例子吗？ – 2011-05-10 11:47:39

测试案例：我有两个div，一个在另一个里面。里面的有边距，填充和边框。为了用内部的on填充外部div的宽度，我只需要放宽度：-moz-available;并且不需要计算任何东西。由于填充，边距和边框，将内部div的宽度设置为100％将不起作用 - 它将更宽。在webkit中，“width：-webkit-available”不起作用。 – Vanco 2011-05-12 07:12:18

试试这个。

elem { 
    width: 100%; 
    width: -moz-available;   /* For Mozzila */ 
    width: -webkit-fill-available; /* For Chrome. */ 
}

来源

2015-10-25 08:10:51 ilgam

-1

-moz-available =容器宽度 - （边距+边框+填充）所以请尝试width: intrinsic;。

来源

2011-05-10 12:25:00

感谢您的回答。不幸的是，它不工作。我想我只需要去计算像素的宽度... – Vanco 2011-05-12 07:02:32

这是怎么回事？

box-sizing: border-box;

来源

2011-11-10 06:49:56 greim

我认为这是做的伎俩。虽然，Chrome应该包含“可用” – Vanco 2012-04-22 17:56:21

等效宽度：-moz-谷歌浏览器中可用

回答

相关问题