子Div填充父Div

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

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

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

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

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

将就如下:


使用flex布局方式:

1、设置div1的display为flex

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

2、设置div2的flex为1或者auto

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

完成。

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 移动开发基本知识点 一.使用rem作为单位 html { font-size: 100px; } @media(m...
    横冲直撞666阅读 3,861评论 0赞 6
  • H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇阅读 4,890评论 0赞 26
  • 阅读目录移动开发基本知识点 calc基本用法box-sizing的理解及使用理解display:box的布局理解f...
    张宪宇阅读 1,714评论 0赞 1
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,500评论 0赞 11
  • 日常总结 2016年12月14日 ORID O-Objective:客观事实层次 关于今天的工作, 你记得什么?继...
    Mr_Leekon阅读 188评论 0赞 0

友情链接更多精彩内容