父元素设置min-height子元素设置100%问题

2020-01-10 10:23:08

父元素设置min-height子元素高度设置100%取不到值，这是因为子元素 div设置 height:100%；只有当父级元素满足min-height:1000px;设置的条件才触发；浏览器默认是不会触发的，所以子元素的100%的高度继承就失效了。min-height 是在 height 计算之后再套用的.


解决方法：给父元素加绝对定位，然后子元素加相对定位，这样子元素的高度就会根据父元素的高度进行计算



然而我在父元素没有变化的情况下，我给子元素设置了绝对定位absolute，竟然生效了。

具体原理，暂时不去追究了吧。



  • 精彩推荐

  • 2021-01-12 22:13:23

    UINavigationController和UIScrollView滚动-92

    如果navigation bar或者toolbar不透明，view controller就无法让它的view全屏显示。换句话说，如果不希望view controller里面的view全屏显示，就应该把navigation bar设为不透明。

  • 2021-01-12 22:15:46

    NSLog各种打印占位符

    打印CGRect : NSLog(@"%@",NSStringFromCGRect(someCGRect)); 或者CFShow(NSStringFromCGRect(someCGRect));

  • 2021-01-13 13:36:29

    shortid nodejs短id生成器

    短ID在实际运用中很广泛， 其中比较典型的运用就是短地址。 市面上肯定有不少开源的生成短ID库， 基于node.js的估计也不少。 鉴于本人已然是node.js的脑残粉(本职java开发), 很多业余项目从前端到后端都基于javascript开发， 加上npm和bower的包管理以及grunt的打包工具， 在项目开发过程中体验特别酸爽。 由于当时项目前后端都会用到短ID， 但没找到合适的库同时支持npm和bower的(可能孤陋寡闻). 因此自己乐此不疲地又造了个轮子js-shortid(夷，为什么会说又呢?!). 下面主要介绍它的实现方案， 自认为比较优雅简洁。

  • 2021-01-13 17:23:21

    CREATE TABLE 表名 AS SELECT 语句 快速复制表但是锁表

    注意Table2的主键约束，如果Table2有主键而且不为空，则 field1， field2…中必须包括主键 在执行语句的时候，MySQL是逐行加锁的（扫描一个锁一个），直至锁住所有符合条件的数据，执行完毕才释放锁。所以当业务在进行的时候，切忌使用这种方法。 在RR隔离级别下，还会加行锁和间隙锁

  • 2021-01-13 17:27:04

    Navicat配置mysql数据库用户权限

    用数据库的时候就会遇到有多个用户,分配用户权限的情况，有些用户只读，有些用户可以读写，有些用户只能操作一个或者多个数据库，如何给mysql的用户设置权限，我这里描述一下如何用navicat图形操作分配用户权限