क्या Google क्रोम में नेस्टेड divs के उपलब्ध स्थान को भरने का कोई वैकल्पिक तरीका है? फ़ायरफ़ॉक्स का -मोज़-उपलब्ध केवल यही करता है, लेकिन मार्जिन, पैडिंग और स्क्रॉलबार को ध्यान में रखता है। हालांकि, कोई-वेब-उपलब्ध नहीं है।चौड़ाई के समतुल्य: -मोज़-Google क्रोम में उपलब्ध
इसे आजमाएं।
elem {
width: 100%;
width: -moz-available; /* For Mozzila */
width: -webkit-fill-available; /* For Chrome. */
}
-moz-available = कंटेनर चौड़ाई - (मार्जिन + सीमा + गद्दी) तो width: intrinsic; प्रयास करें।
उत्तर के लिए धन्यवाद। दुर्भाग्य से, यह काम नहीं कर रहा है। मुझे लगता है कि मुझे केवल पिक्सेल में चौड़ाई की गणना करने के साथ जाना होगा ... – Vanco
इसके बारे में क्या?
box-sizing: border-box;
मुझे लगता है कि यह चाल है। हालांकि, क्रोम में "उपलब्ध" शामिल होना चाहिए – Vanco
उदाहरण साझा करने की देखभाल करें, कृपया? –
टेस्ट केस: मेरे पास दो divs हैं, एक दूसरे के अंदर। अंदर के एक में मार्जिन, पैडिंग और सीमाएं हैं। बाहरी div की चौड़ाई को अंदर के साथ भरने के लिए, मैंने केवल चौड़ाई डाली: -मोज़-उपलब्ध; और कुछ भी गणना करने की ज़रूरत नहीं है। आंतरिक div की चौड़ाई के लिए 100% लगाकर पैडिंग, मार्जिन और सीमाओं के कारण काम नहीं करेगा - यह व्यापक होगा। वेबकिट में, "चौड़ाई: -वेबकिट-उपलब्ध" काम नहीं करती है। – Vanco