美文网首页
子Div填充父Div

子Div填充父Div

作者: anjohnlv | 来源:发表于2018-03-02 16:18 被阅读290次

    许久没摸这玩意了,今天想实现一个很想当然的效果:

    <div1>
      <div2><div2>
    </div1>
    

    div2自动填充div1
    想来很简单,无非

    view.left.and.right.and.top.and.bottom.equalTo(superView);
    

    结果鼓捣半天没有找到心目中的方法。只能感叹基础知识匮乏!

    将就如下:


    使用flex布局方式:

    1、设置div1displayflex

    <div1 style={{ display: 'flex' }}>
    

    2、设置div2flex1或者auto

    <div2 style={{ flex: 1 }}>
    

    完成。

    如果是多人开发或者其他原因,我们不能直接修改div1所在的文件时,可以找到div1id(或者class),然后对这个id添加display: flex;即可。

    相关文章

      网友评论

          本文标题:子Div填充父Div

          本文链接:https://www.haomeiwen.com/subject/tbvaxftx.html