在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ Vue中路由切換問(wèn)題

Vue中路由切換問(wèn)題

問(wèn)題大致如下:

如圖,點(diǎn)擊后路由切換之后,有一部分內(nèi)容突然變空了,當(dāng)路由完全切換后,內(nèi)容才顯示出來(lái)。這是為什么呢?

切換前:

可以看出是絕對(duì)定位,并且知道寬高

切換時(shí):

可以看出同樣的內(nèi)容區(qū)域變?yōu)榱?

大概原因就是因?yàn)檫@個(gè)吧。。。

但是為什么內(nèi)容區(qū)域變?yōu)榱?呢?

關(guān)于絕對(duì)定位

position:absolute是相對(duì)于他的包含塊中第一個(gè)有position:absolute或者position:relative屬性的父級(jí)元素,如果都沒(méi)有,就是相對(duì)于body。

也沒(méi)問(wèn)題啊。content的父容器是position:absolute,并且在切換過(guò)程中父容器有寬高,再不濟(jì),body也是relative定位,怎么會(huì)出現(xiàn)高度為0的情況?

回答
編輯回答
敢試

內(nèi)部有浮動(dòng)的標(biāo)簽。一般來(lái)說(shuō)父級(jí)元素的高是子級(jí)元素的高撐起來(lái)的,但是如果子級(jí)元素有浮動(dòng),而父級(jí)元素沒(méi)有設(shè)置高并且沒(méi)有浮動(dòng),那么父級(jí)元素就會(huì)沒(méi)有高度。你看看是不是這樣的問(wèn)題

2018年1月13日 08:29