課程
/前端開發(fā)
/HTML/CSS
/HTML5和CSS3扁平化風(fēng)格博客
為什么將list變成行內(nèi)元素,再加上右浮動(dòng),他的鏈接就會(huì)變得顛倒
2017-09-19
源自:HTML5和CSS3扁平化風(fēng)格博客 3-4
正在回答
把list變成行內(nèi)元素的目的是,可以讓幾個(gè)list排列在同一行
而此處的右浮動(dòng),問(wèn)題在于是ul的右浮動(dòng)還是li的右浮動(dòng)
ul的右浮動(dòng),是把ul標(biāo)簽內(nèi)所有的li看作一個(gè)整體,統(tǒng)一右浮動(dòng)
而li的右浮動(dòng),是li按順序一個(gè)一個(gè)浮動(dòng),“首頁(yè)”在最上面,
所以會(huì)浮動(dòng)到最右邊,后面依次排列
即@挺黑先生的回答“渲染順序”
之前是li標(biāo)簽浮動(dòng),按照順序一個(gè)一個(gè)浮動(dòng)到右邊就會(huì)倒序,后來(lái)?yè)Q成是ul浮動(dòng),也就是里面li標(biāo)簽不浮動(dòng),所以里面的順序不會(huì)變。
SoulDee
渲染順序
舉報(bào)
HTML5與CSS3搭建超酷扁平化風(fēng)格博客
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-05-23
把list變成行內(nèi)元素的目的是,可以讓幾個(gè)list排列在同一行
而此處的右浮動(dòng),問(wèn)題在于是ul的右浮動(dòng)還是li的右浮動(dòng)
ul的右浮動(dòng),是把ul標(biāo)簽內(nèi)所有的li看作一個(gè)整體,統(tǒng)一右浮動(dòng)
而li的右浮動(dòng),是li按順序一個(gè)一個(gè)浮動(dòng),“首頁(yè)”在最上面,
所以會(huì)浮動(dòng)到最右邊,后面依次排列
即@挺黑先生的回答“渲染順序”
2018-02-04
之前是li標(biāo)簽浮動(dòng),按照順序一個(gè)一個(gè)浮動(dòng)到右邊就會(huì)倒序,后來(lái)?yè)Q成是ul浮動(dòng),也就是里面li標(biāo)簽不浮動(dòng),所以里面的順序不會(huì)變。
2017-09-19
渲染順序