父相子绝 巧用auto

父元素相对定位 子元素绝对定位 子相对父

在我脑海里 父相子绝的定位 top100% 跟 bottom0% 是一个位置

但 左右是 上下不是

这是top100% 的效果 出去了

这是 bottom0% 的效果 在里头

今天遇见一个css的坑 让我改了好久

我的样式是上面那个

组件自带样式是下面那个

我不想要top100 ，但是不写top就会被下面覆盖

我直接去掉 写 *top：100%； 的话 也会被覆盖

一时间进退两难 写也不行 不写也不行

因为我想要的是相对下0%

同时有 top 跟 bottom 定位不生效

最后有大佬提醒才想起来

top: auto !important;

爱了

合代码下班 ～