账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    flex伸缩盒子,容器的子项目,子项目里面的内容,不管如何都不会影响子项目吗?
    23
    0
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>docuement</title>
    <style>
    #main {
        width: 800px;
        border: 1px solid #c3c3c3;
        display: flex;
        flex-direction: row;
        position:  absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    
    #main div {
        width: 50px;
        height: 50px;
    }
    
    </style>
    
    </head>
    <body>
    
    
    
    <div id="main">
      <div style="background-color:coral;width: 100px;flex-grow: 2;">哈哈,哈哈哈哈哈
            <div style="width: 150px;height: 50px;background: red"></div>
      </div>
      <div style="background-color:lightblue;width: 200px;flex-grow: 2;">11111111111111111</div>
      <div style="background-color:khaki;width: 150px;flex-grow: 1;"></div>
    
    </div>
    
    </body>
    </html>

    我发现第一个flex子项目,里面的内容div怎么都不会影响它的高度

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部