关于css3中的order属性?

在如下的演示中,为什么想让绿色div移动到末尾,设置的order是5而不是4?不是只有4个div吗,为什么设置成@keyframes mymove{50% {order:4;} }时,绿色div只能移动到第三个位置处?

@keyframes mymove
{
    50% {order:5;} 【可以移动到第四格】
}
---------------------------------------
@keyframes mymove
{
  50% {order:4;} 【只能移动到第三格】
} 

↓点击查看效果

https://jsfiddle.net/zq2pt9tq/

阅读 4.2k
2 个回答

你动画设置order为4,因为你在元素上已经设置了粉div为4了,而且DOM元素的结构粉div在最后,当order相同时,写在前面的div会更靠前,因而绿色div不会运动到粉色div后面

你是不是想岔了,order又不是索引。
flex下order一样,当然是本来就在前面的在前面了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题