鍍金池/ 問答/C++  HTML/ vue.js當(dāng)子組件的高度超過視口高度，父組件的高度設(shè)置了100%，父組件的高度

vue.js當(dāng)子組件的高度超過視口高度，父組件的高度設(shè)置了100%，父組件的高度如何跟隨子組件高度變化

項(xiàng)目的layout是一個(gè)公用的菜單，為了讓它鋪滿側(cè)邊給它設(shè)置了高度100%，順便給html,body都設(shè)了100%,然后通過嵌套路由進(jìn)入a組件，a組件的高度超出了屏幕的高度，但是菜單的高度并不會(huì)跟著a組件的高度變化而變化，還是一個(gè)屏幕的高度。怎樣才能讓菜單的高度跟著a組件的高度變化而變化。下面是示意圖

clipboard.png

回答
編輯回答
檸檬藍(lán)

1.左邊菜單position設(shè)置為absolute，height:100%，這樣試試。

2.flex布局。

2017年8月29日 19:13
編輯回答
解夏

height可以通過js來獲?。?/p> 

data: function(){
    return {
        style: {minHeight: window.screen.availHeight+'px', },
    }
},
2017年3月19日 05:32
編輯回答
離人歸

可是你的窗口就那么大，右邊不是應(yīng)該只會(huì)截取窗口高度來顯示

2017年1月13日 08:00