div 自适应高度 自动填充剩余高度
方案1：
Html：1 2 3 4 | <divclass="outer"> <divclass="A"> 头部DIV <divclass="B">下部DIV |
1 2 3 4 5 | html,body { height: 100%; padding: 0; margin: 0; }.outer { height: 100%; padding: 100px00; box-sizing: border-box ; position: relative; }//三栏padding: 100px0 100px0;.A { height: 100px; background: #BBE8F2; position: absolute; top: 0; left: 0; width: 100%; }.B { height: 100%; background: #D9C666; } |
方案2：
HTML：1 2 3 4 | <divclass="outer"> <divclass="A">头部DIV <divclass="B">下部DIV |
1 2 3 4 5 | html,body { height: 100%; padding: 0; margin: 0; }.outer { height: 100%; padding: 100px00; box-sizing: border-box ; }.A { height: 100px; margin: -100px00; background: #BBE8F2; }.B { height: 100%; background: #D9C666; } |
本站文章如未注明出处均为原创，转载请注明出处，如有侵权请邮件联系站长。