当页面出现第一个元素上浮,只是相对 兄弟元素上浮类似 下面UI 稿设计的那样

如上图 蓝色区域,相对 上一个兄弟节点,
分几种情况:
1. 相对这个页面,可以实现,但是对头部固定的页面适用,如果调整和响应式 会有影响
2. 使用 css transform translate 进行定位,但是这个时候 元素没有脱离文档流,兄弟元素之间会有间隙。 这个时候可以是 magin 负边距 进行调整。抵消 translate 的移动位置。
文章探讨了在UI设计中元素上浮的两种情况:1)对整个页面的上浮,可能影响固定头部的响应式布局;2)使用CSSTransform的translate进行定位,但会导致兄弟元素间隙,可通过负margin调整。
当页面出现第一个元素上浮,只是相对 兄弟元素上浮类似 下面UI 稿设计的那样

如上图 蓝色区域,相对 上一个兄弟节点,
分几种情况:
1. 相对这个页面,可以实现,但是对头部固定的页面适用,如果调整和响应式 会有影响
2. 使用 css transform translate 进行定位,但是这个时候 元素没有脱离文档流,兄弟元素之间会有间隙。 这个时候可以是 magin 负边距 进行调整。抵消 translate 的移动位置。
1077
1973
448

被折叠的 条评论
为什么被折叠?