zoukankan      html  css  js  c++  java
  • div自动填满剩余部分(等高布局)

    需求:父元素高度按需求设置;

    ​ 子元素自动填满父元素的剩余部分;

    初始样式:

    image-20200907135438520

    初始代码:

    HTML部分

    <div class="father">
        父元素
        <div class="children">子元素</div>
    </div>
    

    CSS样式部分

    .father{
        height: 500px;
         500px;
        background: #3cb034;
    }
    .children{
        background: #0000FF;
    }
    

    修改后:

    image-20200907115903777

    HTML部分不变

    CSS部分

    .father{
        height: 500px;
         500px;
        background: #3cb034;
        overflow: hidden;
    }
    .children{
        background: #0000FF;
        padding-bottom: 9999px;
        margin-bottom: -9999px;
    }
    
  • 相关阅读:
    diff
    tar
    ln
    setfacl
    组件建站
    容器组件
    组件需求
    页面结构
    字体
    轮博图加元素动效的动效ransition
  • 原文地址:https://www.cnblogs.com/ww-523-99/p/13626181.html
Copyright © 2011-2022 走看看