等效寬度：-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-谷歌瀏覽器中可用

回答

相關問題