鍍金池/ 問答/HTML5  HTML/ 關(guān)于css3中的order屬性?

關(guān)于css3中的order屬性?

在如下的演示中，為什么想讓綠色div移動(dòng)到末尾，設(shè)置的order是5而不是4？不是只有4個(gè)div嗎，為什么設(shè)置成@keyframes mymove{50% {order:4;} }時(shí)，綠色div只能移動(dòng)到第三個(gè)位置處？

@keyframes mymove
{
    50% {order:5;} 【可以移動(dòng)到第四格】
}
---------------------------------------
@keyframes mymove
{
  50% {order:4;} 【只能移動(dòng)到第三格】
}

↓點(diǎn)擊查看效果

https://jsfiddle.net/zq2pt9tq/

回答
編輯回答
誮惜顏

你動(dòng)畫設(shè)置order為4，因?yàn)槟阍谠厣弦呀?jīng)設(shè)置了粉div為4了，而且DOM元素的結(jié)構(gòu)粉div在最后，當(dāng)order相同時(shí)，寫在前面的div會(huì)更靠前，因而綠色div不會(huì)運(yùn)動(dòng)到粉色div后面

2018年9月6日 10:36
編輯回答
夏夕

你是不是想岔了，order又不是索引。
flex下order一樣，當(dāng)然是本來就在前面的在前面了。

2017年10月12日 03:19