Google Chrome'da yuvalanmış div'lerin kullanılabilir alanını doldurmanın alternatif bir yolu var mı? Firefox'un -moz-available'u bunu yapar, ancak kenar boşluklarını, dolguları ve kaydırma çubuklarını dikkate alır. Bununla birlikte, -webkit kullanılamaz.Genişlik eşdeğeri: -moz-kullanılabilir Google Chrome
Bunu deneyin.
elem {
width: 100%;
width: -moz-available; /* For Mozzila */
width: -webkit-fill-available; /* For Chrome. */
}
-moz-available = konteyner genişliği - (kenar boşluğu + kenarlık + dolgu) width: intrinsic;'u deneyin.
Cevabınız için teşekkürler. Maalesef çalışmıyor. Sanırım piksel cinsinden genişlikleri hesaplamak zorunda kalacağım. – Vanco
Buna ne dersiniz?
box-sizing: border-box;
Bunun hile yaptığını düşünüyorum. Bununla birlikte, Chrome "kullanılabilir" içermelidir – Vanco
Bir örnek paylaşmak ister misiniz, lütfen? –
Test durumu: Bir tane diğerinin içinde iki tane div var. İç kısımda kenar boşlukları, dolgu ve kenarlıklar vardır. Dış divun genişliğini içerideki ile doldurmak için, sadece genişliği koyuyorum: -moz-available; ve hiçbir şey hesaplamak zorunda değilsiniz. İç dilin genişliği için% 100 koymak, dolgu, kenar boşlukları ve kenarlıklar nedeniyle işe yaramaz - daha geniş olacaktır. Webkit'te "width: -webkit-available" çalışmıyor. – Vanco