.shopcart-list的 position: absolute top: 为什么会是0 ?

来源：17-23 购物车详情页实现（3）

慕粉3652590

2017-08-15

.shopcart-list

position: absolute

left: 0

top: 0

z-index: -1

width: 100%

.shopcart-list的 position: absolute top: 为什么会是0 ? 如果要要比 shopcart高起来显示不是应该是负的?

写回答

2回答

falseLuffy3600879

2017-08-15

已采纳

top设置的是起始高度()，具体高度的设定是采用transform:translate3d(x,y,z)中的y属性来设定的，这里面，y属性设置为自身高度的100%，所以top设置为0时，向上移动shopList 的100%高度时，这时shoplist和shopcart的总高度正好撑满整个屏幕。

慕粉3652590

非常感谢！

2017-08-16

共1条回复

慕粉3652590

提问者

2017-08-15

为什么 top改为负的200多px才可以显示呢？

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

相似问题

回答 1

回答 2

回答 2

回答 2

回答 7