में मैं एक फ्लेक्सबॉक्स चिपचिपा पाद लेख कैसे ठीक करूं? मैंने फ्लेक्सबॉक्स का उपयोग करके एक चिपचिपा पाद लेख बनाया है। यह आईई 11 के अलावा सभी ब्राउज़रों में काम करता है।आईई 11
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
.Page {
min-height: 100vh;
display: flex;
flex-direction: column;
flex: 1;
}
.Page-header {
background: blue;
}
.Page-footer {
background: green;
}
.Page-body {
background: red;
flex: 1;
}
<div class="Page">
<header class="Page-header">
HEADER
</header>
<div class="Page-body">
BODY
</div>
<footer class="Page-footer">
FOOTER
</footer>
</div>
क्यों IE11 में टूट रहा है और मैं इसे कैसे ठीक कर सकते हैं?
IE11 में अच्छा काम नहीं करता जब 'की सामग्री .Page-body' बड़ा हो जाता है तो यह मूल ऊंचाई है: [codepen] (http: // कोड pen.io/cakeseller/pen/xOopLk) –
@Cake_Seller, क्या आपने इस समस्या को हल किया जब आंतरिक सामग्री मूल कंटेनर से बड़ी हो जाती है? –
@ArtyomPranovich नहीं, दुर्भाग्य से नहीं। –