div大于父级时更改背景颜色

时间:2017-10-06 08:45:50

标签: css vue.js less

出于设计目的,我需要在孩子大于它时更改div的背景颜色。父div有一个固定的高度:

height: calc(~'100% - 112px');
overflow-x: auto;
overflow-y: auto;

并且孩子没有精确的高度,所以它需要所有的地方。

孩子们显示一个网格,当我们到达网格的末尾时,客户认为网站仍然没有加载网站;我们需要改变颜色,以便它不再有数据了。问题是,即使没有足够的数据,当我们这样做时,颜色的变化也不好看。

由于我们使用较少,我正在考虑使用条件,我可以指定如果孩子的身高高于父亲的身高,则背景颜色不同。但看起来我想做的并不像我想的那么容易。

我可以检查溢出是否显示我的状况?我可以用纯CSS / Less做,或者我必须用js吗?

提前感谢您的回答:)

0 个答案:

没有答案