Heim > Fragen und Antworten > Hauptteil

css - 前端flex布局嵌套内层的布局不起作用？

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style type="text/css" media="screen">
            .box{ width: 200px; display: flex; height: 200px; background: skyblue; flex-direction: column;}
            .first{ height:30px; width: 200px; background: red;}
            .second{ flex-grow: 1; background: pink; style:flex;}
            .third{width:100%; height: 30px; background: yellow;}
            .fourth{ width: 100%; flex-grow: 1; background: gray }
        </style>
    </head>
    <body>
        <p class="box">
            <p class="first"></p>
            <p class="second">
                <p class="third">

                </p>
                <p class="fourth">
                    
                </p>
            </p>
        </p>
    </body>
</html>
这样做class为fourth的标签的高度就无法自适应了？该如何解决这个问题？

高洛峰2781 Tage vor879

Antworte allen(2)Ich werde antworten

怪我咯2017-04-17 14:55:27

修改一下入下图的地方

Antwort

阿神2017-04-17 14:55:27

谢谢，我怎么说我项目中的代码不起作用，原来是多个分号。。。找的我好惨

Antwort

StornierenAntwort