色综合色综合色综合色欲,一级做a爰片在线播放,亚洲曰本av在线天堂

国产69囗曝吞精在线视频,肥臀浪妇太爽了快点再快点,亚洲欧洲成人a∨在线观看,狠狠色丁香久久综合 ,国精一二二产品无人区免费应用,亚洲精品久久久久中文字幕,四虎一区二区成人免费影院网址 ,无码三级中文字幕在线观看

<ul id="8ieom"></ul>

<del id="8ieom"></del>

<fieldset id="8ieom"></fieldset>

<del id="8ieom"></del>

占滿DIV剩余高度的三種方法

2021-8-4 前端達人

第一種，老套路，浮動大法

代碼：

效果圖：

綠色DIV占滿了外層DIV

第二種：calc CSS計算

代碼：

這里在類名為div2的DOM外又加了一層div，主要就是為了說明，如果利用calc(100% - 50px);這種模式，那么這個DIV的父元素必須指定高度，可以是具體值，也可以是百分比，特別是dom結構嵌套很深的時候，特別好用。

效果圖：

第三種，彈性盒子




    

        

            

            

        

        

            
                <!DOCTYPE html>
            

        

    

    

        

            

            

        

        

            
                <html lang="en">
            

        

    

    

        

            

            

        

        

            
                <head>
            

        

    

    

        

            

            

        

        

            
                <meta charset="UTF-8">
            

        

    

    

        

            

            

        

        

            
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
            

        

    

    

        

            

            

        

        

            
                <meta http-equiv="X-UA-Compatible" content="ie=edge">
            

        

    

    

        

            

            

        

        

            
                <title>Document</title>
            

        

    

    

        

            

            

        

        

            
                </head>
            

        

    

    

        

            

            

        

        

            
                <style>
            

        

    

    

        

            

            

        

        

            
                *{
            

        

    

    

        

            

            

        

        

            
                margin:0;
            

        

    

    

        

            

            

        

        

            
                padding:0;
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                .parent{
            

        

    

    

        

            

            

        

        

            
                width:100vw;
            

        

    

    

        

            

            

        

        

            
                height:100vh;
            

        

    

    

        

            

            

        

        

            
                display:flex;
            

        

    

    

        

            

            

        

        

            
                flex-flow:column nowrap;
            

        

    

    

        

            

            

        

        

            
                overflow:hidden;
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                .a{
            

        

    

    

        

            

            

        

        

            
                height:50px;
            

        

    

    

        

            

            

        

        

            
                background:red;
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                .b{
            

        

    

    

        

            

            

        

        

            
                flex:1;
            

        

    

    

        

            

            

        

        

            
                background:green;
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                </style>
            

        

    

    

        

            

            

        

        

            
                <body>
            

        

    

    

        

            

            

        

        

            
                <div class="parent">
            

        

    

    

        

            

            

        

        

            
                <div class="a"></div>
            

        

    

    

        

            

            

        

        

            
                <div class="b"></div>
            

        

    

    

        

            

            

        

        

            
                </div>
            

        

    

    

        

            

            

        

        

            
                </body>
            

        

    

    

        

            

            

        

        

            
                </html>